School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 [Forumactif]Code Css pour la Chat Box

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
 

Bellabimbo444

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 189
Age: 13
$ops: 270
Points: 5
Date d'inscription: 14/06/2011
 
MessageSujet: [Forumactif]Code Css pour la Chat Box   Lun 27 Juin - 10:01

Code Css pour la ChatBox



Je vais ici, vous proposez des codes Css Pour la ChatBox.

Pour accédé à votre Feuille de style Css :
Pa>Affichage>Couleurs>Feuille de styles Css

Changer le titre de la ChatBox :

Code:
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Nouveau titre"; }


Changer la couleur du titre de la ChatBox :

Code:
#chatbox_header .catBottom .cattitle {
    color: #$$$$$$;
}


Mettre une image de fond à la ChatBox :

Code:
body.chatbox {
background-image: url('URL DE L'IMAGE');
}


Pour changer la couleurs de fond de la ChatBox uniquement :

Code:
body.chatbox {
    background-color: #$$$$$$;
}



Ps : Il faut remplacer les $$$$$$ par le code de la couleurs. Ou bien remplacer #$$$$$$ par le nom de la couleurs en Anglais. Exemple : White, black, orange, blue etc...

Bisous.

[Si vous avez un soucis, n'hésitez pas à venir poser vos questions par ici]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wondergraph.forumgratuit.org/
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l'émission de SoP

Nombre de messages: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [Forumactif]Code Css pour la Chat Box   Mar 19 Juil - 13:58

Hop là Smile

Un ajout d'un visiteur.

Merci ^^

Pomme' a écrit:
Code:
/* CHATBOX */

body.chatbox {
background-image:url('http://i27.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
}

#chatbox_header {
background-image:url('http://i27.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
}

#chatbox_header .cattitle strong {
display: none ;
}
#chatbox_header .cattitle:before {
content: "Autour du Feu - ChatBox" ;
}

.chatbordure {
border:solid 1px #000000;
}

#chatbox_header .catBottom .cattitle {
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options {
color:#3b2705 !important;
font-size:9px !important;
font-weight:bold;
}

#chatbox_header .chatbox-options a {
color:#3b2705;
border:solid 1px #000000;
margin-bottom:3px !important;
padding:3px;
text-align:center;
font-size:9px !important;
font-weight:bold;
}

#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 45px;
overflow: auto;
color:#3b2705;
padding: 3px;
text-align: left;
font-size:11px !important;
}

#chatbox_members .member-title {
background-image: url('http://i27.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}

#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: solid 1px #000000;
}

#chatbox .catBottom {
border: none;
}

#chatbox_footer {
background-image: url('http://i27.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
opacity:1;
text-align:left;
font-size:9px !important;
}

#chatbox_footer label {
color:#3b2705;
font-size:11px !important;
font-variant: small-caps;
font-weight:bold;
}

#message {
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}

#submit_button {
background-image: url('http://i27.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
color:#3b2705;
border: solid 1px #000000;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}

.fontbutton {
padding: 1px;
text-align:left;
border: solid 1px #000000;
}

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

[Forumactif]Code Css pour la Chat Box

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Tutoriels :: Informatique :: Gestion d'un forum-


Aller en haut
Aller en bas