[Forumactif]Code Css pour la Chat Box

Date d'inscription: 14/06/2011

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]

Hop là

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;
}

_________________

SoP Story :: 2ème votes éliminatoires