Chat box

3 participants

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

Résolu Chat box

Message par dkterreur Lun 20 Déc 2010 - 12:39

Salut à tous et j'espère que je suis dans la bonne section du forum

Voila le code de mon chat box actuel:

/* Chatbox-------------------------------------------------*/
body.chatbox {
background-image: none;
}
.chatbox {
background-color: #;
}
#chatbox_header {
height: 30px;
background-color: #;
}
.chatbox .forabg {
margin: 0;
border: none;
padding: 0;
margin: 0;
background-color: #;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #ffffff !important;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #ffffff;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #;
color : #76a8cf;
font-family: verdana;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 1em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1 {
padding: 4px;
background-color: #;
}
.chatbox_row_2 {
padding: 4px;
background-color: #0f0f0f;
}
.chatbox_row_3 {
padding: 4px;
background-color: #;
}
.memberlist_row_1 {
background-color: #;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
}
#chatbox_footer label {
color: #ffffff;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #0f0f0f;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #76a8cf;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}
#chatbox .user {
font-weight: bold;
}
* html #chatbox-members {

/* IE expressions helping IE work in Standards mode */
height: expres​sion(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {

/* IE expressions helping IE work in Standards mode */
height: expres​sion(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expres​sion(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {

/* IE expressions helping IE work in Standards mode */
width: expres​sion(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}

tout se que je veux est de changer la fond de mon chatbox en inserant cette image:
http://hitskin.com/themes/15/74/75/i_background.jpg
ou tout simplement que le Chatbox soit transparent


Dernière édition par dkterreur le Jeu 30 Déc 2010 - 21:12, édité 1 fois
avatar

dkterreur
Nouveau membre

Messages : 16
Inscrit(e) le : 30/11/2010

http://guilderequiem.dahek.net
dkterreur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chat box

Message par X-TeNTo-X Sam 25 Déc 2010 - 1:10

Pour mettre une image en fond de chatbox insérer ce code en css :

Code:
body.chatbox {
background-image:url("http://URL_herbergement_image.jpg");
background-repeat:no-repeat;
}

Et pour que les messages ne cache pas le fond que tu vas mettre il suffit de rajouter ce code :

Code:
.chatbox_row_1,.chatbox_row_2 {
background-color:transparent;
padding:4px;
}

Et voilà.
X-TeNTo-X

X-TeNTo-X
*

Messages : 35
Inscrit(e) le : 18/11/2010

http://www.f2sgen.com
X-TeNTo-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chat box

Message par Père Noël Sam 25 Déc 2010 - 18:32

Ho Ho Ho,

Si ton problème est résolu, pense à cocher l'icône résolu afin d'aider notre staff adoré ! santa

Joyeux Noël
Père Noël

Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 292
Inscrit(e) le : 24/12/2010

https://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chat box

Message par dkterreur Mar 28 Déc 2010 - 10:31

Comment je peux changer le Css de base car quand je clic sur Css de base une page HTML s'ouvre et y'a pas comment
Bon voila quelque screen:
Chat box 101228103245665919

et quand je clic sur voir le CSS de base de votre forum :
Chat box 101228103450715995

vous voyez s'est impossible de la modifier
avatar

dkterreur
Nouveau membre

Messages : 16
Inscrit(e) le : 30/11/2010

http://guilderequiem.dahek.net
dkterreur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chat box

Message par X-TeNTo-X Mer 29 Déc 2010 - 18:40

C'est normal le champ en blanc en dessous de " voir le CSS de base de votre forum " Est fais pour modifier le CSS de base donc c'est dans ce champ là que tu dois coller le CSS que je t'ai donné.
X-TeNTo-X

X-TeNTo-X
*

Messages : 35
Inscrit(e) le : 18/11/2010

http://www.f2sgen.com
X-TeNTo-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chat box

Message par dkterreur Mer 29 Déc 2010 - 21:54

apés mettre le code voila le resultat
Chat box 101229095549794194
Le fond du chat boss n'a pas changé juste une partie celle du coin gauche en haut
avatar

dkterreur
Nouveau membre

Messages : 16
Inscrit(e) le : 30/11/2010

http://guilderequiem.dahek.net
dkterreur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chat box

Message par X-TeNTo-X Mer 29 Déc 2010 - 23:36

Il faut que tu redimensionne ton image avec un éditeur ( paint ... ) et tu verra petit à petit.
X-TeNTo-X

X-TeNTo-X
*

Messages : 35
Inscrit(e) le : 18/11/2010

http://www.f2sgen.com
X-TeNTo-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chat box

Message par dkterreur Jeu 30 Déc 2010 - 13:41

donc si j'ai bien compris faut que je redimensionne mon image exactement comme celui du chat box
avatar

dkterreur
Nouveau membre

Messages : 16
Inscrit(e) le : 30/11/2010

http://guilderequiem.dahek.net
dkterreur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chat box

Message par X-TeNTo-X Jeu 30 Déc 2010 - 19:12

Pas forcément au même dimensions puisque apparement le fond que tu veux mettre n'as pas d'image précise donc plus grand ne dérangera pas je pense.
X-TeNTo-X

X-TeNTo-X
*

Messages : 35
Inscrit(e) le : 18/11/2010

http://www.f2sgen.com
X-TeNTo-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chat box

Message par dkterreur Jeu 30 Déc 2010 - 21:11

Merci pour tout et bonne année à tout les membres et au staff du forumactif
avatar

dkterreur
Nouveau membre

Messages : 16
Inscrit(e) le : 30/11/2010

http://guilderequiem.dahek.net
dkterreur a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum