Spoilers en escalier
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
Spoilers en escalier
Bonjour !
Je ne savais pas trop dans quelle section poster ce message donc excusez moi d'avance s'il n'est pas dans la bonne place.
En fait j'avais un problème sur les messages qui contenaient des spoilers. Tout ce qui se trouve sous un spoiler décale tout texte ou code d'en-dessous. Du coup, quand on en met plusieurs à la suite, ça fait une sorte d'escalier de spoilers et ça finit par déformer mon forum :/
Voilà un exemple plus précis :
Le code mis c'est simplement :
Quelqu'un pourrait m'aider ? C'est sûrement un problème simple mais j'ai aucune idée d'où il peut venir...
Merci d'avance,
Cordialement.
PS: L'adresse du forum est http://last-hope.frenchboard.com/
Je ne savais pas trop dans quelle section poster ce message donc excusez moi d'avance s'il n'est pas dans la bonne place.
En fait j'avais un problème sur les messages qui contenaient des spoilers. Tout ce qui se trouve sous un spoiler décale tout texte ou code d'en-dessous. Du coup, quand on en met plusieurs à la suite, ça fait une sorte d'escalier de spoilers et ça finit par déformer mon forum :/
Voilà un exemple plus précis :
Le code mis c'est simplement :
- Code:
[spoiler]blabla[/spoiler]
[spoiler]blabla[/spoiler]
[spoiler]blabla[/spoiler]
[spoiler]blabla[/spoiler]
Quelqu'un pourrait m'aider ? C'est sûrement un problème simple mais j'ai aucune idée d'où il peut venir...
Merci d'avance,
Cordialement.
PS: L'adresse du forum est http://last-hope.frenchboard.com/
Dernière édition par Dracerinx le Dim 17 Avr 2011 - 20:26, édité 1 fois
Re: Spoilers en escalier
Salut Dracerinx
essayes ceci dans ton CSS:
a++
essayes ceci dans ton CSS:
- Code:
.spoiler_content
{
margin-left:3px;
}
.spoiler_closed
{
margin-left:3px;
}
a++
Invité- Invité
Re: Spoilers en escalier
Salut !
Je l'ai mis mais... Ca change rien :/
Je l'ai mis mais... Ca change rien :/
Re: Spoilers en escalier
Salut,
tu peux mettre le contenu de ton CSS stp ??
a++
tu peux mettre le contenu de ton CSS stp ??
a++
Invité- Invité
Re: Spoilers en escalier
Ouep !
- Code:
BODY{background-repeat:no-repeat;background-position: center top;font-size: 10px;font-family: Helvetica;background-color: #000000}
/*HEADER*/
body{
background-color: #232324;
background-image: url("http://i53.tinypic.com/6r0shc.png");
background-position:top;
background-repeat:no-repeat;
}
/*MISE EN FORME DU TEXTE*/
.postbody {color: #ffffff;
display: block;
padding-left: 70px;
padding-right: 70px;
text-align:justify;
}
/*CONTOUR FORUM*/
.forumline {-moz-border-radius:30px;}
.forumline{color: #1A191A;
-moz-border-radius: 25px 25px 25px 25px;
border-bottom: 15px solid ;
border-top: 13px solid;
border-right: 18px solid ;
border-left: 18px solid ;}
/*LIENS DES FORUMS*
.desclinks{text-align:left;margin-top:-10px;
text-decoration: none;font-weight: bold;font-size:9px;
text-transform: capitalize;
font-family: Helvetica;
background-color: #2e0132;
color: #c6c6c6;
letter-spacing:1px;
padding:5px;
margin-top:10px;margin-bottom:5px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-box-shadow: 3px 3px 3px #373434;
-webkit-box-shadow: 3px 3px 3px #373434;
box-shadow: 3px 3px 3px #373434;}
.desclinks a{text-decoration: none;
font-weight: bold;font-size:9px;
text-transform: capitalize;
font-family: Helvetica;
text-decoration: none;
background-color: #transp;
padding: 3px;padding-left: 7px;padding-right: 7px;
text-align: center;
color: #413b37;
letter-spacing:2px}
.desclinks a:hover{text-decoration: none;
font-weight: bold;font-size:9px;
text-transform: capitalize;
font-family: Helvetica;
text-decoration: none;
background-color: #transp;
text-align: center;
color: #a99d91;
letter-spacing:2px}
/*PROFILS*/
.profildr
{-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
background: black;
border: 3px solid grey;
-moz-box-shadow: 2px 1px 2px #000000;
padding: 10px;
text-align: center;
}
.profilavatar
{-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
background: black;
border: 3px solid grey;
-moz-box-shadow: 2px 1px 2px #000000;
padding: 10px;
text-align: center;
margin: 15px;
}
/*QEL*/
.rightpart {
font-size : 12px ; *grandeur du texte
border-left : 10px dotted #ff0000; *séparation du tableau de gauche et du tableau de droite par une ligne, peu être changé en DOTTED, SOLID, DOUBLE, etc
padding-left : 10px } *veuillez ne pas toucher à cette partie
.groups{
background-color:#COLOR ; *peut-être un fond de couleur ?
border: 1px color #COLOR ; *contour du QEEL
-moz-border-radius : Xpx XpxXpxXpx; *pour arrondir les bords
height:40px; *pas touche
padding-right:12px; *pas touche
padding-left:14px; *pas touche
padding-bottom:3px; *pas touche
font-size:14px *grandeur du texte;
font-weight: bold; *texte en gras
text-align:center; *texte aligné au milieu
font-color : #COLOR ; *couleur du texte
text-decoration: none !important; *pas touche
}
/*PA*/
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
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.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: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
/*dernière édition*/
tr.post span.gensmall { display: none; }
/*Doubler le trait sous le titre du sous-forum*/
a.forumlink {padding-left:10px;}
a.forumlink:hover {padding-left:10px;}
a.forumlink{
border-bottom: 3px double #ffffff;
color:#000000;
display:block;
text-align: center;
}
/*test*/
/*TITRE FORUMS*/
a.forumlink {
font-family: Georgia;
border-bottom: 3px #transp dotted;
font-variant:small-caps;
letter-spacing: 2px;
text-align: center;
color:#FFFFFF;
display: block;
font-size: 18px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px
}
a.forumlink:hover{
font-family: Times New Roman;
font-variant:small-caps;
letter-spacing: 2px;
text-align: center;
color:#FFFFFF;
display: block;
font-size: 18px;
text-decoration: none !important;
}
/* SPOILER */
.spoiler_content
{
margin-left:3px;
}
.spoiler_closed
{
margin-left:3px;
}
Re: Spoilers en escalier
Salut,
modifie ceci et tout devrait aller
a++
modifie ceci et tout devrait aller
- Code:
.postbody {color: #ffffff;
display: block;
text-align:justify;
}
a++
Invité- Invité
Re: Spoilers en escalier
Génial ca a marché =D
Merci beaucoup Milouzeee
Merci beaucoup Milouzeee
Sujets similaires
» Régler le bug des spoilers en escalier
» Les spoilers/Quote ect..
» Problèmes les posts se mettent en "escalier"
» Les spoilers ne s'ouvrent pas
» Mes sous-forums se présentent en escalier au lieu d'être alignés
» Les spoilers/Quote ect..
» Problèmes les posts se mettent en "escalier"
» Les spoilers ne s'ouvrent pas
» Mes sous-forums se présentent en escalier au lieu d'être alignés
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