Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Personalizarea Chatbox-ului

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Personalizarea Chatbox-ului

Mesaj 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




Personalizarea Chatbox-ului Untit104
Personalizarea Chatbox-ului KmYIBDv
Personalizarea Chatbox-ului Scre1015 Personalizarea Chatbox-ului 398 Personalizarea Chatbox-ului 2209 Personalizarea Chatbox-ului Scre1016 Personalizarea Chatbox-ului Portoq16
Mesaje: 22934 ● Utilizatori: 18243 ● Ultimul membru: » sokardax «
Personalizarea Chatbox-ului 887435_logo_512x512 Server de Discord: Forum gratuit
Mihai

Mihai
Administrator
Administrator

Mesaje : 1551
Varsta : 26
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 101
Google Chrome phpBB3

http://fgsuport.forumgratuit.ro

كونان2000 apreciază acest mesaj

Mihai a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum