J'ai un problème avec mon css
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
J'ai un problème avec mon css
Bonjour,
Voilà, j'ai un petit problème, j'ai copié le CSS d'un thème HitSkin pour mettre sur mon futur forum (là il est sur mon forum de test) et les contours des catégories ont disparus... Pourriez-vous m'aider svp ? J'ai effacé plusieurs codes et aucuns ne résous le problème (je les ai remis après vu qu'ils ne changeaient rien).
Voici mon CSS :
Merci d'avance,
Bonne journée ^^
Voilà, j'ai un petit problème, j'ai copié le CSS d'un thème HitSkin pour mettre sur mon futur forum (là il est sur mon forum de test) et les contours des catégories ont disparus... Pourriez-vous m'aider svp ? J'ai effacé plusieurs codes et aucuns ne résous le problème (je les ai remis après vu qu'ils ne changeaient rien).
Voici mon CSS :
- Spoiler:
- Code:
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:60px;}
a { text-decoration: none; }
a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #EBEAF1;
border-bottom: 5px double #26244F;
color:F1E4DD;
font-family: sans-serif;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}
----------------------------------------
.quote {
background-color: #7588ab; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #71ADBD;
-moz-box-shadow:5px 0px 5px #7588ab;
-webkit-box-shadow:5px 0px 5px #7588ab;
color: #ffffff; /* couleur du texte blanche */
}
.spoiler_closed{
background-color: #7588ab; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #71ADBD;
-moz-box-shadow:5px 0px 5px #7588ab;
-webkit-box-shadow:5px 0px 5px #7588ab;
color: #ffffff; /* couleur du texte blanche */
}
.spoiler_content{
background-color: #7588ab; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #7588ab;
-moz-box-shadow:5px 0px 5px #7588ab;
-webkit-box-shadow:5px 0px 5px #7588ab;
color: #ffffff; /* couleur du texte blanche */
}
.code{
background-color: #7588ab; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #7588ab;
-moz-box-shadow:5px 0px 5px #7588ab;
-webkit-box-shadow:5px 0px 5px #7588ab;
color: #ffffff; /* couleur du texte blanche */
}
.message {
background-color:#7588ab;
min-height: 230px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-family: verdana;
text-align: center;
color: #7f9276;}
.chatling {
width:150px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
background-color: #7588ab;
border-right: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
font-family: Georgia;
font-size:15px;
text-align: center;
-moz-border-radius:10px 0px 10px 0px;
-webkit-border-radius:20px 0px 0px 20px;
}
.chatling:hover {
width:150px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
font-family: Georgia;
text-align: center;
background-color: #7588ab;
border-right: 5px solid #adc9c6;
border-left: 5px solid #adc9c6;
border-bottom: 2px solid #adc9c6;
border-top: 2px solid #adc9c6;
font-family: Georgia;
-moz-border-radius:0px 10px 0px 10px;
-webkit-border-radius:20px 0px 0px 20px;
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: XXpx; /* on positionne notre infobulle */
left: XXpx;
background: #59A1A8;
color: #FFFFFF;
padding: 5px;
border: 5px solid #FFFFFF;
border-left: 14px solid FFFFFF;
border-right: 0px solid #FFFFFF;
border-top: 14px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
}
a.infobulle em {
display:none;
}
a.infobulle:hover {
border: 0;
position: relative;
z-index: 999;
text-decoration:none;
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */}
a.infobulle:hover em {
font-style: normal;
display: inline;
position: absolute;
top: XXpx;
left: XXpx;
background-color: #CODE COULEUR;
color: #CODE COULEUR;
padding: XXpx;
-moz-border-radius-bottomleft:14px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:14px;
-moz-border-radius-topright:0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
border: Xpx solid #FFFFFF;
width:CCpx;}
input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.titre{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Trebuchet MS, impact, serif;
letter-spacing: 3px;
font-size: 15px;
font-weight:bold;
background-color: #7588ab;
border-bottom: 3px double #FFFFFF;
color: #FFFFFF;
text-align: center;
padding:3px;
}
.sous-titre {
font-family: Trebuchet MS, impact, serif;
font-size: 13px;
border-bottom: 3px double #FFFFFF;
font-style:italic;
color:#ff879b;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}
**************
.thumbnail span{
position: absolute;
background-color: #7588ab;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #ffffff;}
.thumbnail span img{border: 1px groove;padding: 2px;}
.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;}
.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #FFFFFF; /*ou alors si tu veux une image :*/
border: double 3px COULEUR; /*on définit le style de la bordure sa largeur et sa couleur*/
}.
---------------------------
/* TITRES DES CATÉGORIES */
.liro {
font-family:comic sans ms;
font-size: 13px;
border-bottom: 3px double #FFFFFF;
font-style:italic;
color:#81D19C;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}
a.forumlink {
font-family: serif;
background-color:#768197;
text-align: center;
font-size: 100%;
border-bottom: 3px double #FFFFFF;
color: #FFFFFF;
display: block;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
}
a.forumlink:hover {
font-family: serif;
background-color:#768197;
text-align: center;
font-size: 100%;
border-bottom: 3px double #FFFFFF;
color: #59A1A8;
padding:-1
display: block;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
}
.tstaff{font-size:1em;}
.titre{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Script MT Bold;
letter-spacing: -1px;
font-size: 18px;
font-weight:bold;
background-color:#7588ab;
border-bottom: 3px double #FFFFFF;
color: #FFFFFF;
text-align: center;
padding:3px;
}
.sous{
font-family:comic sans ms;
font-size: 13px;
border-bottom: 3px double #FFFFFF;
font-style:italic;
color:#FFFFFF;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}
---------------------------
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
.forumline{
background-color:#FFFFFF;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 4px #FFFFFF double;
border-top: 4px #FFFFFF double;
border-right: 4px #FFFFFF double;
border-left: 4px #FFFFFF double;}
input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0px;
}
--
.mes-credits
{
font-weight:normal;
font-variant:small-caps;
color:#000000;
font-size:11px;
text-align:center;
font-family:arial, helvetica, sans-serif;
}
a.mainmenu{
text-decoration: none;
background-color: #CCD0D4;
border-right: 5px solid #605C9C;
border-left: 5px solid #605C9C;
border-bottom: 2px solid #605C9C;
border-top: 2px solid #605C9C;
font-family: Georgia;
-moz-border-radius:10px 0px 10px 0px;
-webkit-border-radius:20px 0px 0px 20px;
padding-right: 10px;
}
a.mainmenu:hover {
text-decoration: none;
background-color: #CCD0D4;
border-right: 5px solid #605C9C;
border-left: 5px solid #605C9C;
border-bottom: 2px solid #605C9C;
border-top: 2px solid #605C9C;
font-family: Georgia;
-moz-border-radius:0px 10px 0px 10px;
-webkit-border-radius:20px 0px 0px 20px;
padding-right: 10px;
text-transform: lowercase;
}
Merci d'avance,
Bonne journée ^^
Dernière édition par MelissaD le Mar 31 Mai 2011 - 11:24, édité 1 fois
Re: J'ai un problème avec mon css
Bonjour
Dans votre code CSS plusieurs anomalies devraient être neutralisées comme suit :
1/ CODE COULEUR : mettez un code couleur hexadécimal, exemple (#FFFFFF)
2/ XXpx : remplacez (XX) par des valeurs.
Les codes concernés :
Dans votre code CSS plusieurs anomalies devraient être neutralisées comme suit :
1/ CODE COULEUR : mettez un code couleur hexadécimal, exemple (#FFFFFF)
2/ XXpx : remplacez (XX) par des valeurs.
Les codes concernés :
- Code:
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: XXpx; /* on positionne notre infobulle */
left: XXpx;
background: #59A1A8;
color: #FFFFFF;
padding: 5px;
border: 5px solid #FFFFFF;
border-left: 14px solid FFFFFF;
border-right: 0px solid #FFFFFF;
border-top: 14px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
}
a.infobulle:hover em {
font-style: normal;
display: inline;
position: absolute;
top: XXpx;
left: XXpx;
background-color: #CODE COULEUR;
color: #CODE COULEUR;
padding: XXpx;
-moz-border-radius-bottomleft:14px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:14px;
-moz-border-radius-topright:0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
border: Xpx solid #FFFFFF;
width:CCpx;
.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #FFFFFF; /*ou alors si tu veux une image :*/
border: double 3px COULEUR; /*on définit le style de la bordure sa largeur et sa couleur*/
}
Re: J'ai un problème avec mon css
Bonsoir ^^
Hmm je me trompe peut-être mais comme je n'ai pas l'adresse de votre forum ça n'est qu'une supposition de ma part.
Mais dans votre CSS je vois ceci :
Tout les bords sont donc blanc, si le fond est blanc ils sont toujours là mais invisible, ils suffit donc d'en changer la couleur ^^ (les #FFFFFF)
Hmm je me trompe peut-être mais comme je n'ai pas l'adresse de votre forum ça n'est qu'une supposition de ma part.
Mais dans votre CSS je vois ceci :
- Code:
.forumline{
background-color:#FFFFFF;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 4px #FFFFFF double;
border-top: 4px #FFFFFF double;
border-right: 4px #FFFFFF double;
border-left: 4px #FFFFFF double;}
Tout les bords sont donc blanc, si le fond est blanc ils sont toujours là mais invisible, ils suffit donc d'en changer la couleur ^^ (les #FFFFFF)
Re: J'ai un problème avec mon css
Coucou,
Merci de vos réponses
Moka7, merci, tu avais raison, j'ai donc modifié le code CSS que tu m'as dit et maintenant les bords ont changé de couleur Merci beaucoup ^^
Merci de vos réponses
Moka7, merci, tu avais raison, j'ai donc modifié le code CSS que tu m'as dit et maintenant les bords ont changé de couleur Merci beaucoup ^^
Sujets similaires
» problème avec affichage parfois du forum et problème avec mes mp...
» Problème avec les options des messages & cadrage du forum avec le fond
» Problème avec l'apparence de mon forum. Changement de thème avec l'actualisation
» probleme avec CSS pour une barre de navigation avec boutons reactifs
» Problème avec postbody avec dans les messages
» Problème avec les options des messages & cadrage du forum avec le fond
» Problème avec l'apparence de mon forum. Changement de thème avec l'actualisation
» probleme avec CSS pour une barre de navigation avec boutons reactifs
» Problème avec postbody avec dans les messages
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum