Bine ati venit pe forumul de suport al Forumgratuit

Pentru a beneficia de tot ceea ce va ofera forumul nostru, va rugam sa va conectati daca sunteti deja membru sau sa va alaturati comunitatii noastre



Creati un forum gratuit ca acesta.

Personalizarea Chatbox-ului

 :: Despre Forumgratuit ::   :: Tutoriale

Vezi subiectul anterior Vezi subiectul urmator In jos

Personalizarea Chatbox-ului

Mesaj 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.


Ultima editare efectuata de catre Luky in Joi 20 Ian 2011, 10:41 pm, editata de 1 ori

Luky
Veteran Forumgratuit
Veteran Forumgratuit

Numarul mesajelor: 3600
Varsta: 23
Localizare: Bucuresti
Data de inscriere: 27/12/2007
Niciun warn

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

 :: Despre Forumgratuit ::   :: Tutoriale

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum