Tasto chatbox

2 partecipanti

Tutorial Tasto chatbox

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

Ora troverete questa schermata:
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


Insane
Insane
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 4178
Località : Varese

https://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Tutorial Re: Tasto chatbox

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

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

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Tutorial Re: Tasto chatbox

Messaggio Da Insane Gio 5 Mag 2011 - 20:46

IO l'ho provato sul mio forum di prova e funziona tutto correttamente
Insane
Insane
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 4178
Località : Varese

https://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Tutorial Re: Tasto chatbox

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

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Tutorial Re: Tasto chatbox

Messaggio Da Insane Gio 5 Mag 2011 - 21:30

Si che posso aiutarli
Insane
Insane
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 4178
Località : Varese

https://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

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