Chatbox nel menu


Risolto Chatbox nel menu

Messaggio Da Demigods RPG Dom 11 Apr 2021 - 18:58

Salve, ho visto dei tutorial su avere la chatbox nella toolbar... Ho cercato di metterla nel menu arancione, ma non riesco. Potevate aiutarmi a mettere il bottone dopo i Messaggi privati? Grazie
Link del forum: https://demigods.forumattivo.com/
Forum: ModernBB
Link del modello che voglio mettere nel menu: https://i.servimg.com/u/f21/18/21/41/30/chat10.gif
Demigods RPG
Demigods RPG
Nuovo membro

Sesso : Femmina
Età : 20
Messaggi : 30
Località : Italia

Visualizza il profilo https://demigods.forumattivo.com/
Demigods RPG è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Niko Dom 11 Apr 2021 - 20:29

Ciao @Demigods RPG,

Codice CSS

Inserisci questo codice CSS nel tuo foglio di stile CSS:
Codice:
/*Chatbox*/
span#chatButton {
    border-radius: 3px;
    color: #FFF;
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1.3846;
    padding: 6px;
}

#chatBox iframe{
z-index:999;
border:none;
height:500px;
width:700px;
}

div#chatBox {
    position: fixed;
    top: 100px;
    right: auto;
}

Menu navigazione

Vai verso Pannello di amministrazione ► Visualizzazione ► Instestazioni e navigazione e clicca su Aggiungere un menu personalizzato, usando queste impostazioni:
  • Menu A tua scelta
  • Immagine Lascia vuoto
  • Testo a scelta
  • URL inserisci: #chatboxMenu
  • Permessi togli la spunta a ospiti


Quindi salva :bene:

Javacript

Aggiungi questo codice Javascript:
  • Titolo: a tua scelta
  • Dove: in tutte le pagine
  • Codice:
    Codice:
    $(function() {
      $('.navbar.navlinks li a.mainmenu[href="#chatboxMenu"]').parent().html('<span id="chatButton" title="Apri/Chiudi Chatbox">Chatbox</span><div id="chatBox"><iframe src="/chatbox/index.forum"></iframe></div>');
    $('#chatBox').hide();
    $('#chatBox iframe').css('position', 'fixed').css('right', '10px').css('bottom', '45px');

    if(!document.getElementById('logout')){
        $('#chatButton').hide();
        $('#chatBox').hide();}
        $('#chatButton').click(function(){
            $('#chatBox').fadeToggle();
        });
    });


Fammi sapere Chatbox nel menu 3706843607
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8337
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Demigods RPG Dom 11 Apr 2021 - 21:35

Ha funzionato, ma è rimasto un pò strano. Dove posso impostare, invece di quella borda sopra bianca, un box-shadow ed aumentare il width?
Print: https://imgur.com/eDMOuwR
Demigods RPG
Demigods RPG
Nuovo membro

Sesso : Femmina
Età : 20
Messaggi : 30
Località : Italia

Visualizza il profilo https://demigods.forumattivo.com/
Demigods RPG è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Niko Lun 12 Apr 2021 - 0:49

Per togliere il bordo bianco aggiungi questo CSS:
Codice:
body.chatbox {
    margin-top: -10px!important;
}

Per "aumentare il width" e aggiungere il "box-shadow" non ho capito di preciso a quale parte ti riferisci Embarassed
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8337
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Demigods RPG Lun 12 Apr 2021 - 2:20

Ehila, il bordo è tolto, grazie. E per width e box-shadow, intendevo questo:
Codice:
#chatBox iframe{
z-index:999;
border:none;
height:350px;
width:800px;
box-shadow: 1px 1px 1px black;
}

Però che non modificasse la chat della home page del forum, soltanto quella del menu...
Demigods RPG
Demigods RPG
Nuovo membro

Sesso : Femmina
Età : 20
Messaggi : 30
Località : Italia

Visualizza il profilo https://demigods.forumattivo.com/
Demigods RPG è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Niko Lun 12 Apr 2021 - 12:30

Ecco a te Chatbox nel menu 3706843607

Codice:
.navbar.navlinks #chatBox iframe{
z-index:999;
border:none;
height:350px;
width:800px;
box-shadow: 1px 1px 1px black;
}
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8337
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Demigods RPG Lun 12 Apr 2021 - 21:18

Grazie mille e mi hanno segnato soltanto un'altro problema: quando si clicca sul menu su "chatbox", la chat si apre. Ma, quando si clica sul menu di nuovo per chiuderla, lei si chiude e si riapre di seguito...
Demigods RPG
Demigods RPG
Nuovo membro

Sesso : Femmina
Età : 20
Messaggi : 30
Località : Italia

Visualizza il profilo https://demigods.forumattivo.com/
Demigods RPG è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Niko Lun 12 Apr 2021 - 22:07

Nel codice Javascript sostituisci:
Codice:
$('#chatButton').click(function(){
        $('#chatBox').fadeToggle();
    });

con:
Codice:
$("#chatButton").on('click',function() {
    $('#chatBox').toggle();
});
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8337
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Demigods RPG Lun 12 Apr 2021 - 22:47

Ancora non si chiude quando si clica di nuovo nel menu... ><
Demigods RPG
Demigods RPG
Nuovo membro

Sesso : Femmina
Età : 20
Messaggi : 30
Località : Italia

Visualizza il profilo https://demigods.forumattivo.com/
Demigods RPG è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Niko Lun 12 Apr 2021 - 23:18

@Demigods RPG Puoi ridarmi il codice completo che hai inserito? Perchè sul mio forum di prova funziona Embarassed
Devo capire cosa c'è di diverso

Dovrebbe essere così in teoria:
Codice:
$(function () {
    $('.navbar.navlinks li a.mainmenu[href="#chatBox"]').parent().html('<span id="chatButton" title="Apri/Chiudi Chatbox">Chatbox</span><div id="chatBox"><iframe src="/chatbox/index.forum"></iframe></div>');
    $("#chatBox").hide();
    $("#chatBox iframe").css("position", "fixed").css("right", "10px").css("bottom", "45px");
    if (!document.getElementById("logout")) {
        $("#chatButton").hide();
        $("#chatBox").hide();
    }
    $("#chatButton").on("click", function () {
        $("#chatBox").toggle();
    });
});

Assicurati di non averlo inserito più volte, perchè il metodo .toggle da problemi se inserito più volte sullo stesso elemento
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8337
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Demigods RPG Mer 14 Apr 2021 - 3:58

Ecco il mio... Non mi ricordo se ti ho passato l'account teste se vuoi vedere che succede...

Codice:
$(function() {
  $('.navbar.navlinks li a.mainmenu[href="#chatboxMenu"]').parent().html('<span id="chatButton" title="Apri/Chiudi Chatbox">Chatbox</span><div id="chatBox"><iframe src="/chatbox/index.forum"></iframe></div>');
$('#chatBox').hide();
$('#chatBox iframe').css('position', 'fixed').css('right', '10px').css('bottom', '45px');

if(!document.getElementById('logout')){
    $('#chatButton').hide();
    $('#chatBox').hide();}
    $("#chatButton").on('click',function() {
       $('#chatBox').toggle();
   });
});
Demigods RPG
Demigods RPG
Nuovo membro

Sesso : Femmina
Età : 20
Messaggi : 30
Località : Italia

Visualizza il profilo https://demigods.forumattivo.com/
Demigods RPG è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da jessy Mer 14 Apr 2021 - 9:44

Buongiorno,se riesco a mettere il bottone delle notifiche nella navbar .poi la toolbar viene nascosta e di conseguenza anche il bottone della chat.A resto punto ti conviene mettere anche la chat nella navbar.Pensaci un attimo a presto
jessy
jessy
****

Sesso : Femmina
Età : 22
Messaggi : 403
Località : Roma

Visualizza il profilo http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Niko Mer 14 Apr 2021 - 21:31

Prova a sostituirlo con questo:

Codice:
$(function () {
    $('.navbar.navlinks li a.mainmenu[href="#chatboxMenu"]').parent().html('<span id="chatButton" title="Apri/Chiudi Chatbox">Chatbox</span><div id="chatBox"><iframe src="/chatbox/index.forum"></iframe></div>');
    $("#chatBox").hide();
    $("#chatBox iframe").css("position", "fixed").css("right", "10px").css("bottom", "45px");
    if (!document.getElementById("logout")) {
        $("#chatButton").hide();
        $("#chatBox").hide();
    }
    $("#chatButton").on("click", function () {
        $("#chatBox").toggle();
    });
});
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8337
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da jessy Gio 15 Apr 2021 - 16:52

A me non funziona niente ,comunque tu prova a creare due script e inserirlo nel template overall_header. Ciao
jessy
jessy
****

Sesso : Femmina
Età : 22
Messaggi : 403
Località : Roma

Visualizza il profilo http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Demigods RPG Ven 16 Apr 2021 - 4:53

@Niko ancora no... >< L'ho messo se vuoi vedere te stesso...
Demigods RPG
Demigods RPG
Nuovo membro

Sesso : Femmina
Età : 20
Messaggi : 30
Località : Italia

Visualizza il profilo https://demigods.forumattivo.com/
Demigods RPG è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Niko Lun 19 Apr 2021 - 21:34

Ciao @Demigods RPG

puoi provare su un altro forum? o eventualmente a disattivare templates e javascript per cercare di identificare la fonte del problema?

Purtroppo sul mio forum di prova funziona benissimo - non vorrei che tu abbia qualche codice che interferisce Embarassed
Codice funzionante per Niko:
Codice:
$(function () {
    $('.navbar.navlinks li a.mainmenu[href="#chatboxMenu"]').parent().html('<span id="chatButton" title="Apri/Chiudi Chatbox">Chatbox</span><div id="chatBox"><iframe src="/chatbox/index.forum"></iframe></div>');
    $("#chatBox").hide();
    $("#chatBox iframe").css("position", "fixed").css("right", "10px").css("bottom", "45px");
    if (!document.getElementById("logout")) {
        $("#chatButton").hide();
        $("#chatBox").hide();
    }
    $("#chatButton").on("click", function () {
        $("#chatBox").toggle();
    });
});
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8337
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Niko Lun 7 Giu 2021 - 1:44

.Chatbox nel menu HURHAdp.Caro utente,

ricordati che se il tuo problema ha ricevuto una risposta o può essere considerato risolto, è necessario premere sul bottone Chatbox nel menu ZVvGmet così da inserire l'icona risolto e facilitare il lavoro del personale.

Grazie per la tua collaborazione Wink
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8337
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Chatbox nel menu

Messaggio Da Niko Mar 15 Giu 2021 - 10:47

.Chatbox nel menu UUqryIu.Caro utente,

questo problema è stato considerato risolto/abbandonato.

Purtroppo, secondo il nostro regolamento, se l'argomento non riceve risposta da più di 7 giorni, viene considerato risolto o abbandonato.
Nei prossimi topic di supporto che aprirai:
  • Se il problema non è risolto
    dovrai fare un messaggio di UP dopo 24 ore dal tuo ultimo messaggio cosi da riportare il problema agli occhi del personale
  • Se il problema è risolto
    è necessario premere sul bottone Chatbox nel menu ZVvGmet così da inserire l'icona risolto e facilitare il lavoro del personale


Ci vediamo su Forumattivo Wink
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8337
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.