Personalizarea Chatbox-ului

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Personalizarea Chatbox-ului

Mesaj Scris de Luky la data de Mar 31 Aug - 20:40

Personalizarea Chatbox-ului


Personalizarea Chatbox-ului

Aici veti gasi codurile CSS pentru a modifica textul si fundalul Chatbox-ului. Toate codurile trebuie introduse in sectiunea "Foaie de stil CSS". Pentru a accesa aceasta sectiune urmati acesti pasi :


 Panou de Administrare → Afisare → Imagini si culori  → Culori → Click pe sectiunea "Foaie de Stil CSS"

 Coduri pentru phpBB3 si punBB:

 Pentru a schimba culoarea de fundal a chatbox-ului:

Cod:
body.chatbox {
    background-color: Codul culorii;
}

 Pentru a schimba textul titlului Chatbox-ului:

Cod:
body.chatbox # chatbox_header. chatbox-title,
body.chatbox # chatbox_header. chatbox a.chat-title-title {
    color: Codul culorii important;
}

 Pentru a schimba culoarea link-urilor din titlul chatbox-ului:

Cod:
. Chatbox-options li
.chatbox-options li,
.chatbox-options label {li
  color: Codul culorii;
}


 Pentru a schimba culoarea textului in lista cu membrii:

Cod:
# Chatbox_members ul li,
#chatbox_members ul li {
    color: Codul culorii;
 }


 Pentru a schimba culoarea textului din sectiunea de afisare a mesajelor:

Cod:
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a {
    color: Codul culorii;
}


 Pentru phpBB2:

 Pentru a schimba textul titlului de la chatbox:

Cod:

#chatbox_header. chatBottom. chattitle {
    color: Codul culorii;
}


 Pentru a schimba culoarea link-urilor din titlul chatbox-ului:

Cod:

#chatbox_header.chatbox-options.genmed,
#chatbox_header.chatbox-options
#chatbox_header.chatbox-options a {
    color: Codul culorii;
}


 Pentru a schimba culoarea textului din lista cu membrii:

Cod:

#chatbox_members ul li,
#chatbox_members ul li {
    color: Codul culorii;
 }


 Pentru a schimba culoarea textului din sectiunea de afisare a mesajelor:

Cod:

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a {
    color: Codul culorii;
}


 Pentru a sterge imaginea de fundal a chatbox-ului:

Cod:

body.chatbox {
    background-image: none;
}


 Pentru a schimba culoarea partii de jos a chatbox-ului:

Cod:
body.chatbox {
    background-color: Codul culorii;
}


Pentru Invision :

 Pentru a schimba culoarea fundalului chatbox-ului:

Cod:
body.chatbox {
background : Codul culorii;
}

 Pentru a schimba culoarea textului titlului chatbox-ului:

Cod:
a.chat-title:link {
color : Codul culorii !important;
}

 Pentru a schimba culoarea link-urilor si textului din chatbox:

Cod:
.chatbox-options li a {
color : Codul culorii;
}
.chatbox-options li ,
.chatbox-options li label {
color : Codul culorii;
}

 Pentru a schimba culoarea randurilor mesajelor din chatbox:

Cod:
.chatbox_row_1 {
background : Codul culorii;
}

.chatbox_row_2 {
background : Codul culorii;
}


Inlocuiti textul "Codul culorii" cu codul culorii pe care doriti sa o folositi.
Pentru mai multe tutoriale legate de coduri CSS va rugam sa cititi urmatoarele mesaje :
Tutorial CSS
Personalizarea forumului in versiunea phpBB3
Diferite coduri CSS pentru Invision


Acest tutorial a fost scris de staff-ul forumului francez
Si tradus de Luky.
Reproducerea acestui tutorial nu este posibila fara acordul nostru, conform articolului L122-1 apartinand ICC.


Ultima editare efectuata de catre Luky in Joi 20 Ian - 22:41, editata de 1 ori

Luky
Membru onorific
Membru onorific

masculin

Mesaje : 3556
Varsta : 28
Localizare : Bucuresti
Data de inscriere : 27/12/2007
Multumiri : 22
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum