Problème avec un fond de couleur qui n'apparait pas
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème avec un fond de couleur qui n'apparait pas
Bonjour,
J'ai un problème, c'est assez difficile à expliquer... je viens de changer la forme de mes catégories de mon forum sauf que le fond des 3 n’apuraient hors sur mon forum d'essai, les fonds apparaient parfaitement.
Regardez voici comme cela doit apparaitre: (forum test)
Et voici comment ça apparait sur mon forum:
J'ai beau chercher le problème, je n'arrive pas à trouver la solution. Je pense que cela ne vient pas du CSS... Aidez moi sil-vous-plait. T_T
Mon CSS:
J'ai un problème, c'est assez difficile à expliquer... je viens de changer la forme de mes catégories de mon forum sauf que le fond des 3 n’apuraient hors sur mon forum d'essai, les fonds apparaient parfaitement.
Regardez voici comme cela doit apparaitre: (forum test)
- Spoiler:
Et voici comment ça apparait sur mon forum:
- Spoiler:
J'ai beau chercher le problème, je n'arrive pas à trouver la solution. Je pense que cela ne vient pas du CSS... Aidez moi sil-vous-plait. T_T
Mon CSS:
- Code:
.navi {
position: fixed;
left: 235px;
top: 0px;
right: 235px;
z-index: 999;
width: 100%;
background-color: #B6210C; /*couleur de fond*/
border-bottom: 6px solid #B6210C;
border-left: 15px solid #B6210C;
border-right: 5px solid #B6210C;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 0px #000;
}
.selectCode {
float: Center;
text-transform:
uppercase;
cursor:pointer; }
.postbody{
padding-left: 15px;
}
u{
border-bottom:2px dotted #C0C0C0;
text-decoration:none;}
a {font-variant: tahoma;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.quote
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 5px solid #23110a;
font-family: Tahoma;
font-size: 14px;
overflow-y:auto;
display: block;
align: center;
color: #000000;
}
.blockquote
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #23110a;
font-family: Tahoma;
font-size: 14px;
width: 550px;
height: 80px;
overflow-y:auto;
display: block;
.quote
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #23110a;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
align: center;
color: #000000;
}
.blockquote
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #000000;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
align: center;
color: #000000;
}
.code
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 5px solid #000000;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
align: center;
color: #000000;
}
.blockcode
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #000000;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
.quote
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #0085EB;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
align: center;
color: #000000;
}
.blockcode
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #0085EB;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
align: center;
color: #89BFE0;
}
/* ********** SUPPRESSION DU SOULIGNEMENT ********** */
.bodyline
{
border: 15px solid #A52E1D;
background-position:center;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
}
/* ********** SUPPRESSION DU SOULIGNEMENT ********** */
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */
.cate
{
width: 400px;
height: 120px;
overflow: hidden;
border: 2px solid #23110a;
background-color: #ffffff;
}
.cate_img
{
position: relative;
z-index: 2;
width: 400px;
height: 120px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
position: relative;
z-index: 1;
width: 400px;
height: 120px;
margin-top: -120px;
text-align: arial;
font-size: 11px;
color: #8c8c8c;
padding: 2px;
overflow: auto;
}
------------
/********************Fiche de Règlement*******************************/
.reglement fieldset {
-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-radius: 20px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
text-align: justify;
border: 3px solid Crimson;
padding: 0px;
}
.reglement fieldset p {
padding: 10px;
}
.reglement fieldset legend {
font-size: 25px;
padding: 10px;
color : Crimson;
font-family: Georgia;
font-style: italic;
text-transform: uppercase;
text-shadow: 1px 1px 0px white;
align: center;
}
.soustitre {
display: block;
-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-radius: 20px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
margin-left: -3px;
background-color: Crimson;
text-align: center;
color: white;
}
/*FIN NOUVELLE PAGE D'ACCUEIL*/
.catHead{border: none !important;}
td.catHead, th.thHead, td.catBottom, td.catBottom {border:0px;}
/*CHAMPS DE PROFIL*/
.profstat {
text-align:left;
background-color : #D1BD86;
border : 1px solid #D1BD86;
}
/*CADRE AVATAR*/
.profavat img{
border : 3px solid #D1BD86;
}
/*TOUR DU PROFIL DANS LES MESSAGES*/
.profil {
-moz-border-radius:4px;
-webkit-border-radius:0 px;
-border-radius:0 px;
-khtml-border-radius:0 px;
background-color : auto;
border : 1px solid auto;
padding : 5px;
margin : 1px;
}
.dev{
background-color: #D4967F;
width: 760px;
height: 145px;
border-top: 4px solid #8F0C0C;
border-bottom: 4px solid #8F0C0C;
text-align: center;
}
.dev2{
background-color: #D4967F;
width: 250px;
height: 140px;
border-top: 4px solid #8F0C0C;
border-bottom: 4px solid #8F0C0C;
text-align: center;
}
.dev3{
background-color: #D4967F;
width: 506px;
height: 110px;
border-top: 4px solid #8F0C0C;
border-bottom: 4px solid #8F0C0C;
}
.dev4{
background-color: #D4967F;
width: 250px;
height: 110px;
border-top: 4px solid #8F0C0C;
border-bottom: 4px solid #8F0C0C;
text-align: center;
}
.titre{
font-size: 20px;
font-variant: small-caps;
text-shadow: 1px 1px 1px black;
text-align: center;
margin-bottom: 6px;
}
.copyright{
font-size: 10px;
font-variant: small-caps;
text-shadow: 1px 1px 1px black;
margin-left: 270px;
}
.cadreinfobulle{
background-color: #ffffff;
width: 140px;
height: 220px;
border-top: 4px solid #edb4bb;
border-bottom: 4px solid #edb4bb;
text-align: center;
padding-top: 5px;
}
/* Info bulle */
div.infobulle{
position: relative; /*Ceci donne la position de l'infobulle.*/
float: left /*Ceci dit qu'elle doit flotter à gauche.*/
height:100px;
}
div.infobulle span{
display: none; /*Pour masquer l'infobulle.*/
}
div.infobulle:hover{
background: none;
z-index: 999; /*Valeur pour l'ordre d'affichage.*/
}
div.infobulle:hover span
{
display: inline; /* Affichage de l'infobulle, ne pas toucher.*/
position: absolute; /* Position de l'infobulle.*/
top: 10px; /*Positionnement de l'infobulle.*/
}
.nomdelaclasse {
text-align: justify;
}
/* QEEL ONGLETS LATERAUX HOVER */
.qeelnu31_titre
{
display: block;
width: 700px;
height: 100px;
background: url(http://img11.hostingpics.net/pics/53573457933310.png);
margin: auto;
}
#qeelnu31
{
width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 5px;
height: 150px;
padding: 10px;
background: #8F0C0C;
border: 1px solid #ccbdad;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 5px #7b6751;
-moz-box-shadow: 0px 0px 5px #7b6751;
-o-box-shadow: 0px 0px 5px #7b6751;
-htm-box-shadow: 0px 0px 5px #7b6751;
-webkit-box-shadow: 0px 0px 5px #7b6751;
}
#qeelnu31_content
{
width: 700px;
height: 150px;
overflow: hidden;
}
#qeelnu31_links
{
float: left;
}
.qeelnu31_link1, .qeelnu31_link2, .qeelnu31_link3
{
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: 0.6;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.qeelnu31_link1
{
background: url(http://i55.servimg.com/u/f55/17/75/06/44/jnjo11.png);
}
.qeelnu31_link2
{
background: url(http://i55.servimg.com/u/f55/17/75/06/44/group110.png);
}
.qeelnu31_link3
{
background: url(http://i55.servimg.com/u/f55/17/75/06/44/jnjo10.png);
}
.qeelnu31_link1:hover, .qeelnu31_link2:hover, .qeelnu31_link3:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.qeelnu31_contenu1
{
width: 600px;
height: 150px;
margin-left: 150px;
background: #D6D59E;
border: 1px solid #f2eee9;
box-shadow: 0px 0px 3px #c1b1a0;
-moz-box-shadow: 0px 0px 3px #c1b1a0;
-o-box-shadow: 0px 0px 3px #c1b1a0;
-webkit-box-shadow: 0px 0px 3px #c1b1a0;
-htm-box-shadow: 0px 0px 3px #c1b1a0;
color: #776047;
}
.qeelnu31_contenu2
{
position: absolute;
width: 0px;
height: 150px;
margin-left: 150px;
overflow: hidden;
background: #D6D59E;
border: 1px solid #f2eee9;
box-shadow: 0px 0px 3px #c1b1a0;
-moz-box-shadow: 0px 0px 3px #c1b1a0;
-o-box-shadow: 0px 0px 3px #c1b1a0;
-webkit-box-shadow: 0px 0px 3px #c1b1a0;
-htm-box-shadow: 0px 0px 3px #c1b1a0;
color: #776047;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.qeelnu31_contenu3
{
position: absolute;
width: 0px;
height: 150px;
margin-left: 150px;
margin-top: -50px;
overflow: hidden;
background: #D6D59E;
border: 1px solid #f2eee9;
box-shadow: 0px 0px 3px #c1b1a0;
-moz-box-shadow: 0px 0px 3px #c1b1a0;
-o-box-shadow: 0px 0px 3px #c1b1a0;
-webkit-box-shadow: 0px 0px 3px #c1b1a0;
-htm-box-shadow: 0px 0px 3px #c1b1a0;
color: #776047;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.qeelnu31_contenu4
{
position: absolute;
width: 0px;
height: 150px;
font-size: 13px;
margin-left: 150px;
margin-top: -100px;
overflow: hidden;
background: #D6D59E;
border: 1px solid #f2eee9;
box-shadow: 0px 0px 3px #c1b1a0;
-moz-box-shadow: 0px 0px 3px #c1b1a0;
-o-box-shadow: 0px 0px 3px #c1b1a0;
-webkit-box-shadow: 0px 0px 3px #c1b1a0;
-htm-box-shadow: 0px 0px 3px #c1b1a0;
color: #776047;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.qeelnu31_link1:hover .qeelnu31_contenu2, .qeelnu31_link2:hover .qeelnu31_contenu3,
.qeelnu31_link3:hover .qeelnu31_contenu4
{
width: 600px;
height: 150px;
overflow: auto;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.qeelnu31_contenu
{
display: block;
padding: 5px;
color: #776047;
font-size: 10px;
text-align: justify;
}
.qeelnu31_stats
{
font-size: 12px;
text-shadow: -1px -1px 0px #e8e1d9;
letter-spacing: 2px;
font-weight: bold;
}
.usernu31_online
{
display: block;
font-size: 12px;
text-shadow: -1px -1px 0px #e8e1d9;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
}
.gr1, .gr2, .gr3, .gr4, .gr5, .gr6, .gr7, .gr8, .gr9, .gr10, .gr11
{
font-size: 18px;
font-weight: bold;
text-shadow: -1px -1px 0px #e8e1d9;
text-transform: uppercase;
}
a.gr1
{
color: #494949 !important;
}
.gr2
{
color: #787878 !important;
}
.gr3
{
color: #b2b2b2 !important;
}
.gr4
{
color: #e12727 !important;
}
.gr5
{
color: #e3bb41 !important;
}
.gr_description
{
font-size: 13px;
line-height: 9px;
text-align: justify;
color: #aa9a89;
text-shadow: 1px 1px 0px #e8e1d9;
}
a.forumlink{
display:block;
font-size:14px; /* la taille de la police */
padding:1px; /* Pour éviter que le texte ne soit collé aux bords de la case */
text-align:center;
font-variant:small-caps; /* Les petites capitales */
color:#6e5831 !important; /* On force l'application de cette propriété grâce au !important */
border-bottom:2px solid #6a3e1a;
font-weight:normal; /* Le texte non boldé */
margin-bottom:0; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
}
a.forumlink:hover{
font-variant:small-caps;
color:#6e5831 !important;
border-bottom:2px solid #6a3e1a;
font-weight:bold; /* Texte en gras */
display:block;
}
div.stats_cate{ /* La div ayant pour class 'stats_cate' */
font-size:12px;
text-align:right;
border-bottom:#6a3e1a 1px solid;
border-right:#6a3e1a 3px solid;
font-style:italic; /* On met le texte en italic */
color:#6a3e1a;
padding-right:4px; /* On met un peu de remplissage pour éviter que notre bloc soit collé au bord droit de la case */
margin-bottom:4px;
margin-top:-12px; /* On évite de mettre un trop gros espace entre le titre et notre bloc de stats' */
width:220px; /* On impose une largeur pour ne pas que la bordure en bas soit sur toute la largeur de la case */
margin-left:385px; /* On place le bloc à droite en le décallant par rapport au bord gauche de la case */
}
div.description{ /* La div ayant pour class 'description' */
background-color:#D6C69C; /* On lui donne une couleur de fond */
-moz-border-radius: 0px; /* Réglage des arrondis des coins pour mozilla */
-webkit-border-radius: 0px; /* Réglage des arrondis des coins pour chrome et safari */
border-radius:0px; /* réglage des arrondis des coins */
border:0px solid #b79981;
width:500px;
min-height:20px; /* La hauteur minimum */
font-size:12px;
text-align:justify;
text-indent:0px; /* La première ligne du bloc sera décallée de 6px vers la droite */
padding:4px;
margin:0px;
color:#6e5831;
}
Dernière édition par piinkyuu le Sam 19 Oct 2013 - 14:24, édité 1 fois
Re: Problème avec un fond de couleur qui n'apparait pas
Bonjour,
aurais-tu un lien vers le forum concerné s'il te plait ? ^^
aurais-tu un lien vers le forum concerné s'il te plait ? ^^
MlleAlys- Membre actif
- Messages : 5800
Inscrit(e) le : 12/09/2012
Re: Problème avec un fond de couleur qui n'apparait pas
Oui bien sur, c'est: http://yummy--japan.forumsactifs.com/
Et mon forum test: http://piinkyuu.skyforum.net/
Et mon forum test: http://piinkyuu.skyforum.net/
Re: Problème avec un fond de couleur qui n'apparait pas
Ce que je vois sur le forum c'est que le fond de la description a exactement la même couleur que le fond de la cellule, c'est pourquoi ce n'est pas visible... Avez vous essayé de modifier les couleur de fond des cellules dans le panneau d'administration ?
MlleAlys- Membre actif
- Messages : 5800
Inscrit(e) le : 12/09/2012
Sujets similaires
» Problème couleur de texte et couleur de fond module sondage (CSS, phpBB2)
» Problème couleur fond
» Problème: Couleur de texte : noir (sur fond noir), ou blanc (sur fond blond) ETC !
» Problème couleur fond
» Probleme de fond de couleur
» Problème couleur fond
» Problème: Couleur de texte : noir (sur fond noir), ou blanc (sur fond blond) ETC !
» Problème couleur fond
» Probleme de fond de couleur
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum