Personalizarea Chatbox-ului

Scris de Luky la data de Mar 31 Aug 2010, 8:40 pm

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.