Personalizarea Chatbox-ului

Scris de **Mihai** Mier Oct 14, 2020 7:33 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