Questo tutorial è offerto da FORUMATTIVO.COM All rights reserved to forumattivo inc.

Ciao utenti di Forumattivo,
In questo tutorial vi spiegherò come creare un pulsante in basso alla destra del vostro forum, che una volta cliccatoci sopra vi porterà alla chatbox. Si può usare qualsiasi versione del forum, ma è preferibile usare phpBB2 o PunBB.


phpBB2 & PunBB utenti:

Fase 1:
Vai al tuo pannello di amministrazione

Fase 2:
Ora vai in visualizzazione> Templates> Generali> overall_footer> arrivato qui clicca sul tasto modifica

Fase 3:
Ora cercate questa parte di codice:

Code: ----------Selezionare il contenuto

</body>
</html>

Ora, appena prima del , incolla il seguente codice:

Code: ----------Selezionare il contenuto

<div id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()" onmousever="stopINT()" style="border-top: 7px solid rgb(148, 11, 11); border-left: 7px solid rgb(148, 11, 11); z-index: 10000; -moz-border-radius: 20px 0pt 0pt 0pt; background-color: COLOR HERE; position: fixed; bottom: 0pt; right: 0pt; border-color: COLOR HERE;"><div onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');" style="font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;"><span id="chatbox_ret_online" style="color: black);">Chat</span><span id="chatbox_ret_offline" style="color: black;">Box</span></div><iframe scrolling="no" frameborder="0" onload="if(cb_new) { cb_start(); cb_new=0; }" style="width: 740px; height: 400px; display: none;" marginheight="0" marginwidth="0" name="chatbox_ret" id="chatbox_ret" src="/chatbox/chatbox.forum"></iframe></div>

È possibile cambiare il colore modificando qui:

Code: ----------Selezionare il contenuto

background-color: COLOR HERE;

È possibile cambiare il colore del bordo modificando qui:

Code: ----------Selezionare il contenuto

border-color: COLOR HERE;

È inoltre possibile modificare il testo ChatBox con il testo che desideri tu.

Una volta che avrete finito, fate clic su Salva, poi tornate a overall_footer e fate clic sul pulsante che indica pubblicare.

phpBB3 & Invision utenti:
Fase 1:
Vai al tuo pannello di amministrazione

Fase 2:
Andare in PDA > Generale > Messaggi ed E-mail > Annunci

Fase 3:
Attiva gli annunci: "Sì"
Pubblicare gli annunci : "Tutte le pagine" o se si desidera che venga visualizzato sulla pagina del forum, "Homepage"
Senso scrolling: "Disattivare"

Fase 4:
Ora cliccate su e create un nuovo annuncio.

Fase 5:
Ora aggiungete ciò:

Code: ----------Selezionare il contenuto

<div id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()" onmousever="stopINT()" style="border-top: 7px solid rgb(148, 11, 11); border-left: 7px solid rgb(148, 11, 11); z-index: 10000; -moz-border-radius: 20px 0pt 0pt 0pt; background-color: COLOR HERE; position: fixed; bottom: 0pt; right: 0pt; border-color: COLOR HERE;"><div onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');" style="font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;"><span id="chatbox_ret_online" style="color: black);">Chat</span><span id="chatbox_ret_offline" style="color: black;">Box</span></div><iframe scrolling="no" frameborder="0" onload="if(cb_new) { cb_start(); cb_new=0; }" style="width: 740px; height: 400px; display: none;" marginheight="0" marginwidth="0" name="chatbox_ret" id="chatbox_ret" src="/chatbox/chatbox.forum"></iframe></div>

È possibile cambiare il colore modificando qui:

Code: ----------Selezionare il contenuto

background-color: COLOR HERE;

È possibile cambiare il colore del bordo modificando qui:

Code: ----------Selezionare il contenuto

border-color: COLOR HERE;

È inoltre possibile modificare il testo ChatBox con il testo che desideri tu.
Quindi scegliere Salva.

Una volta che il codice è stato inserito e tutto è stato salvato, vai al tuo pannello di amministrazione> Moduli> Chatbox> Configurazione> Affissione della chatbox : > Non pubblicare
Fatto ciò salvate.

Tutorial su come utilizzare questa nuova chat:

In primo luogo, fare clic su tale immagine sulla parte in basso a destra dello schermo che dice "ChatBox".


Ora troverete questa schermata:

Ingrandire quest'immagineRidurre quest'immagine Cliccare qui per vederla alla sua dimensione originale.


Ora basterà cliccare su Login per connettersi alla Chat mentre per disconnettersi su Log Out.


Tutoriale da : Rideem3 tradotto da: Devil
Copyrigth © FORUMFORUMATTIVO.COM