fond de la chat box

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

Résolu fond de la chat box

Message par kimeko le Lun 8 Aoû 2011 - 3:43

Bonjour,
le fond de ma chat box ne s'affiche pas quelqu'un pourrai me dire pourquoi svp ?
voila mon CSS la partie pour la chat box est toute a la fin:

Code:
.bodylinewidth{
margin-top:80px;
}

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
bottom: 50px; /*--- On le place à 50 px du bas de l'écran et si on veut changer pour le mettre vers le haut on met " top " ---*/
right: 0px; /*--- On le place à 0px de la gauche de l'écran et si on veut le mettre a droite, on met " right "---*/
}

td.row1 {
          background-image: url("");
}

td.row2 {
          background-image: url("http://i56.tinypic.com/25rdwug.png");
}

td.row3 {
          background-image: url("http://i56.tinypic.com/25rdwug.png");
}

td.row3Right {
          background-image: url("http://i56.tinypic.com/25rdwug.png");
}






/* ********** BANDEAU ********** */

.bandeau {
-moz-border-radius: 7px 7px 7px 7px;
background-color: #transparent;
border-bottom: 1px solid #5ba258;
color: #479f99;
font-family: Sans-serif;
font-size: 14px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}


.bandeau:hover {
-moz-border-radius: 7px 7px 7px 7px;
background-color: #transparent;
border-bottom: 1px solid #;
color: #5ba258;
font-family: sans-serif;
font-size: 14px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
letter-spacing : 3px;
}


/* ********** OPACITÉ ********** */

.blabla {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.blabla:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


.stripes {
color: #FFFFFF;
border-bottom: 1px dotted #9ca183;
border-left: 1px dotted #9ca183;
background-image: url(http://hitskin.com/themes/16/84/32/i_back_title.png);
-moz-border-radius-topright: 20px;
padding-left: 20px;
-moz-border-radius-topleft: 20px;
padding-right: 20px;
}

a{border-bottom:none;
}

b{border-bottom:none;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

/* DECO PA */

 .transition{
background-color: #transparent;
height: 90px;}

.top{
border: 2px solid #7d7d9d;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
height: 36px;
width: 101px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}

.top:hover{
border: 2px solid #b393a8;}

.topi{
border: 2px solid #7d7d9d;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
height: 101px;
width: 51px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}

.topi:hover{
border: 2px solid #b393a8;}


.titles{
height: 7px;
background-color: #transparent;
border-bottom: 5px solid #F0E2BF;
font-family: Times New Roman;
color: #FFFFFF;
text-align: left;
font-size: 14px;
margin-left : 6px;
margin-right : 6px;}

.contours{
background-color: #F0E2BF;
color: #FAEFE2;
border-bottom: 1px dotted #FFFFFF;
}

textarea, .textarea.post, input.post {
-moz-border-radius:4px;
}

a {
font-variant: small-caps;
text-decoration: none!important;
}

a:hover {
text-decoration: none!important;
}



/* TITRES DES CATEGORIE */


a.forumlink:link, a.forumlink:visited {
background-color: #transparent;
border-bottom: 1px dotted #FFFFFF;
font-family: Times new roman;
color: #FFFFFF;
text-align: left;
display:block;
font-size: 40px;
}

a.forumlink:hover{
letter-spacing: 2px;}



.forumline{
border: 4px solid #ccd75f;
-moz-border-radius: 15px;
}

/* BARRE DE NAVIGATION */

a.mainmenu {
background-color: #7F9F76;
color: #FFFFFF;
margin-left : 5px;
margin-right : 5px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}

a.mainmenu:hover{
letter-spacing: 2px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 0px;
background-color: #7F9F76;
}





/* ********** J AI FAIM... ********** */



.coulour {
font-weight: lighter;
display:block;
text-align: center;
text-decoration: none !important;
}

.coulour:hover {
color: #000000;
}
/* ********** CATEGORIE ********** */

.descripti{
width:500px;
margin-left: 0px;

}

.def {
background-color: #transparent;
border-bottom: 2px solid #427999;
border-right: 5px solid #427999;
border-left: 5px solid #427999;
padding-top : 3px ;
padding-bottom : 3px ;
width: 500px;
margin-left: 0px;
text-align: center;
}

.descrip{
font-family: Georgia;
text-align: justify;
width: 500px;
background-image: url(http://www.noelshack.com/old/up/fond1-bf91f1144.png);
border-top: 0px dotted #FFFFFF;
border-bottom: 0px dotted #FFFFFF;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}

.descrip:hover{
color:#2d2d2d !important;
}

.coulour:hover
{
color:#2d2d2d !important;
}

.pop{
width: 160px;
height: 80px;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
margin-bottom: 20px;
}

.popi

{
background-color: #transparent;
font-family: Georgia;
font-size: 18px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius:10px 10px 0px 0px;

}

a.forumlink:link, a.forumlink:visited {
text-transform : uppercase;
font-size: 100%;
background-color: #EBD4B7;
height:9px;
letter-spacing: 3px;
display: block;
text-shadow: #000000 1px 1px 2px;
}



.popii{
background-image: url(http://www.noelshack.com/old/up/fond1-bf91f1144.png);
font-family: Georgia;
font-size: 18px;
padding-top: 5px;
padding-bottom: 5px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}




/* ********** PROFIL ********** */

.profil_contour{
width:500px;
font-family: Georgia;
text-align:left;
padding-top: 8px;
padding-bottom: 6px;
padding-right: 6px;
padding-left: 8px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-topright:10px;
background-image: url(http://www.noelshack.com/old/up/fond1-bf91f1144.png);
}

.profil_contour{
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:0px;
}

.tableauqueel {
background-color : #color;
border:2px solid #996c4a;
-moz-border-radius : 10px 10px 10px 10px
}


.partiedroite {
font-size : 12px ;
border-left : 2px dotted #996c4a;
padding-left : 10px }


.groupes {
background-color:#eee4d2;
border: 1px solid #eee4d2;
height: 9px;
padding-right:5px;
padding-left: 5px;
font: normal 8px arial;
font-weight: bold;
text-align:center;
text-transform: none;
font-variant: small-caps;
}

/*CHAT BOX*/

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
border: 2px solid #FFFFFF;}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Boites à conneries d' Eden of the East; }
body.chatbox {
background-image: url('http://i44.servimg.com/u/f44/15/44/98/38/66881210.jpg');
}

/*FIN*/


Dernière édition par kimeko le Mar 9 Aoû 2011 - 20:21, édité 3 fois

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de la chat box

Message par Invité le Lun 8 Aoû 2011 - 13:03

Bonjour,

J'ai installé votre CSS sur mon forum test et je ne rencontre aucun problème avec l'image de fond:


Avez vous essayé en actualisant votre page avec Ctrl+F5 ou en vidant le cache de votre navigateur?

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de la chat box

Message par kimeko le Lun 8 Aoû 2011 - 13:54

oui merci sa fonctionne en effet mais que quand je suis sur explorer ou chrome
avec firefox il n s'affiche pas savez vous pourquoi ?

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de la chat box

Message par jdekester le Lun 8 Aoû 2011 - 14:05

Salut,

Excusez moi de vous deranger mais je suis tres intérrésé pour mettre un fond a la chatbox, pourriez vous me dire ou mettre le code ?

jdekester
***

Masculin
Messages : 142
Inscrit(e) le : 22/03/2011

jdekester a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de la chat box

Message par kimeko le Lun 8 Aoû 2011 - 14:06

panneau d'administration, affichage, couleur, feuille de style CSS ^^

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de la chat box

Message par Invité le Lun 8 Aoû 2011 - 14:43

Je viens d'installer Firefox 5 Razz, et j'ai trouvé ce qui posait problème. Il manque les guillemets de fermeture pour le nouveau titre de la chatbox, en les ajoutant, l'image apparait. Ca fonctionne comme ceci:
Code:

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Boites à conneries d' Eden of the East"; }
body.chatbox {background: url('http://i44.servimg.com/u/f44/15/44/98/38/66881210.jpg');}

/*FIN*/

Jdekester, le code qui vous interresse est celui-ci:
Code:
body.chatbox {background: url('adresse du fond');}
A placer dans panneau d'admin > affichage >couleurs -> feuille de style CSS, et valider.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de la chat box

Message par kimeko le Lun 8 Aoû 2011 - 15:05

merci sa fonctionne ^^

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de la chat box

Message par Invité le Mar 9 Aoû 2011 - 12:28

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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


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