Forum dei Forum: Aiuto per Forumattivo
Benvenuto sul forum di supporto di Forumattivo .



Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Codici personalizzati chatbox


Astuzia Codici personalizzati chatbox

Messaggio Da the crow il Dom 07 Mar 2010, 23:04

Personalizzare la chatbox

Personalizzare la chatbox ForumAttivo

Per completare questo tutorial, qui ci sono gli stili utilizzati per modificare il testo e lo sfondo della chat. Per essere inclusi nella sezione dei CSS nel pannello d'Amministrazione! Wink
► Pannello d'Amministrazione → Visualizzazione → Immagini & Colori → Colori → Foglio di Stile CSS

► Per phpBB3 e punBB:

► Modificare il colore di sfondo della chat:

Codice:

body.chatbox {
    background-color: codice colore;
}

► Cambia il colore chatbox titolo:

Codice:
body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
    color: codice colore !important;
}

► Per cambiare il colore dei link nell'intestazione della chatbox :

Codice:
.chatbox-options li,
.chatbox-options li a,
.chatbox-options li label {
  color: code de la couleur;
}

► Per modificare il colore del testo nella sezione di lista d'utenti:

Codice:

#chatbox_members ul li,
#chatbox_members ul li a {
    color: code de la couleur;
 }

► Per modificare il colore del testo nella sezione di visualizzazione del messaggio:

Codice:
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a   {
    color: codice colore;
}

► Per phpBB2:

► Cambia il colore chatbox titolo:

Codice:
#chatbox_header .catBottom .cattitle {
    color: code de la couleur;
}

► Per cambiare il colore dei link nell'intestazione della chatbox :


Codice:
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
    color: code de la couleur;
}

► Per modificare il colore del testo nella sezione di lista d'utenti:


Codice:
#chatbox_members ul li,
#chatbox_members ul li a {
    color: code de la couleur;
 }

► Per modificare il colore del testo nella sezione di visualizzazione del messaggio:

Codice:
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a   {
    color: code de la couleur;
}

► Per rimuovere l'immagine di sfondo della chatbox:

Codice:
body.chatbox {
    background-image: none;
}

► Per colorare lo sfondo della chatbox:

Codice:

body.chatbox {
    background-color: code de la couleur;
}

Questo codice è valido per le versioni phpBB2, phpBB3 e PunBB.

Per invision:
Immagine di sfondo alla chat
Faccioma 2 premesse...(naturalmente secondo le mie prove):

--> Non possiamo aggiungere piu parentesi { di quelle presenti sul foglio...altrimenti lo stesso nn verra' modificato...e ci dara' un messaggio di errore.

--> Se aggiungiomo un tag esterno ( es.
> Pannello >Visualizazzione > Immagini & Colori > Colori





Vedere il CSS di base del tuo forum

( Se non si apre subito il foglio..si dovrebbe aprire una mascherina che vi chiede se volete
Aprire o Salvare-----> Rispondete------> Apri    )





> Apriamo un nuovo foglio di WORD > Incolla

> Nell'immagine il tag del foglio originale...che dobbiamo modficare



> Modifichiamo il tag :

---> background-image: none;

> In :

---> background-image: url("----inseriamo qui l'url dell'immagine---");



> oppure incollate a fondo pagina del vostro css personalizzato questa stringa

Codice:
Body.chatbox{
background-image: url("----inseriamo qui l'url dell'immagine---");}

> A questo punto facciamo il percorso al contrario ( dal foglio di word )> seleziona tutto > copia.....

> Incolla nel foglio CSS del forum ( quello che vedi bianco)



> Se vogliamo possiamo cambiare anche lo sfondo sulla parte sx (quella degli utenti )
unica differenza che nn dobbiamo modificare il tag ma aggiungerlo:


> Da cosi'



> A cosi'



> Oppure come sopra incollate in fondo alla pagina del vostro foglio css questa stringa

Codice:
#chaybox¬_members{
background-image: url("----inseriamo qui l'url dell'immagine---");
position: obsolute;
top:30px; }

PER tornare all'origine basta cancellare il foglio inserito ( modificato ) e convalidare  

Cordially,
Staff ~FDF~ ForumAttivo


Questo tutorial è stato scritto dal staff straniero del forum,
E in particolare Xoumi e The GodFather (FdF Forumactif).
Tradotto da Arena
avatar
the crow
Veterano dello staff

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


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

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

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum