Tasto chatbox


Tutorial Tasto chatbox

Messaggio Da Insane il 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

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 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".


Ora troverete questa schermata:


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


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


avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 4090
Località : Varese


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Tutorial Re: Tasto chatbox

Messaggio Da the crow il Gio 5 Mag 2011 - 19:10

Prima di spostarlo : se un utente ha dei problrmi con questo codice puoi aiutarlo?
avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Tutorial Re: Tasto chatbox

Messaggio Da Insane il Gio 5 Mag 2011 - 20:46

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

Sesso : Maschile
Età : 25
Messaggi : 4090
Località : Varese


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Tutorial Re: Tasto chatbox

Messaggio Da the crow il 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
avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Tutorial Re: Tasto chatbox

Messaggio Da Insane il Gio 5 Mag 2011 - 21:30

Si che posso aiutarli
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 4090
Località : Varese


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto


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