Codici personalizzati chatbox


Astuzia Codici personalizzati chatbox

Messaggio Da the crow il Dom 7 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