Tasto chatbox

Da Insane Lun 2 Mag 2011 - 1:17

Creare tasto per ChatBox

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 chatbox - Tasto chatbox Editer

Fase 3:
Ora cercate questa parte di codice:

Codice:: </body> </html>

Ora, appena prima del , incolla il seguente codice:

Codice:: <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:

Codice:: background-color: COLOR HERE;

È possibile cambiare il colore del bordo modificando qui:

Codice:: 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 chatbox - Tasto chatbox Ajouter

e create un nuovo annuncio.

Fase 5:
Ora aggiungete ciò:

Codice:: <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:

Codice:: background-color: COLOR HERE;

È possibile cambiare il colore del bordo modificando qui:

Codice:: 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".
chatbox - Tasto chatbox RuneBuzzChatBoxTutorial1

chatbox - Tasto chatbox RuneBuzzChatBoxTutorial1

Ora troverete questa schermata:
chatbox - Tasto chatbox RuneBuzzChatBoxTutorial2

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

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

Da the crow Gio 5 Mag 2011 - 19:10

Prima di spostarlo : se un utente ha dei problrmi con questo codice puoi aiutarlo?

Da Insane Gio 5 Mag 2011 - 20:46

IO l'ho provato sul mio forum di prova e funziona tutto correttamente

Da the crow Gio 5 Mag 2011 - 21:17

non era questa la domanda ..ripeto: se gli utenti hanno problemi con questo codice sei in grado di poterli aiutare con delle modifiche o dei consigli?
edit: lo so che funziona non ne cessariamnete la devi mettere nei template

Da Insane Gio 5 Mag 2011 - 21:30

Si che posso aiutarli

Tasto chatbox

Tasto chatbox

Re: Tasto chatbox

Re: Tasto chatbox

Re: Tasto chatbox

Re: Tasto chatbox