Style des spoiler.

Papione à 21h07
10
Oct
2010
Bonsoir à tous...

En mettant le code CSS que l'on ma recommandé, je pensais que tout s'arrangerait...Et c'est ce qui s'est passé jusqu'à ce que je remarque que, aujourd'hui, le bleu revient:



J'ai en effet fait des modifications de CSS récemment (il y a 10 minutes et j'ai remarqué le bleu il y a 5) mais je ne pense pas que ce soit à cause de ça...
Voilà ce que j'ai rajouté il y a 10 minutes:
Code:

.modo{ background-image: url('[img]http://i32.servimg.com/u/f32/09/02/12/09/check10.png[/img]');
background-repeat: no-repeat;
background-position: center left;
background-color: #A67E2E;
border: 1px solid #000000;
color: #000000;
padding-left: 55px;
min-height: 60px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
-border-radius:1px;}


Merci d'avance,

Papione
Répondre
1 ge80, le 10/10/2010 à 21h39
Bonsoir

enlever vos [ img] http://i32.servimg.com/u/f32/09/02/12/09/check10.png [ /img] dans votre lien url

Code:
.modo{ background-image: url('http://i32.servimg.com/u/f32/09/02/12/09/check10.png');
background-repeat: no-repeat;
background-position: center left;
background-color: #A67E2E;
border: 1px solid #000000;
color: #000000;
padding-left: 55px;
min-height: 60px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
-border-radius:1px;}


Cette erreur provoque le chargement d'une ancienne feuille css !

cordialement
ge
2 Papione, le 10/10/2010 à 21h45
Merci de cette réponse rapide, j'ai bien supprimé les
Code:
[img] [/img]
mais sans succès, ce maudit encadré bleu reste.

Voici tous mes codes CSS contenus dans la feuille de style:

Spoiler:
dl.icon {
min-height: Xpx;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: Y+Zpx;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: Ypx 5px;
min-height: Xpx;
height:auto !important
}
.quote {
background-color : #ffffff;
border: 2px dashed;
border-color : #000000;
}
.code
{
background-color: #ffffff;
border: 2px dashed;
border-color : #000000;
}


table.spoiler {
border: 1px solid #ccc;
width: 95%!important;
padding: 3px;
}
table.spoiler td {
color: #bbb!important;
border: none;
text-align: left;
}
table.spoiler td span.genmed {
color: #666;
border: none;
text-align: left;
}
table.spoiler .spoiler_content,table.spoiler .spoiler_closed {
border-top: 1px solid #bbb;
padding: 2px;
}
table.spoiler .spoiler_closed {
height: 0px;
}


.modo{ background-image: url('http://i32.servimg.com/u/f32/09/02/12/09/check10.png');
background-repeat: no-repeat;
background-position: center left;
background-color: #A67E2E;
border: 1px solid #000000;
color: #000000;
padding-left: 55px;
min-height: 60px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
-border-radius:1px;}


Merci d'avance,

Papione
3 ge80, le 10/10/2010 à 21h53
Essayez un rafraichissement de votre page forum.

Fermer et ré-ouvrir votre forum.

Bizarre vos 'table. ' mais je n'ai plus l'esprit clair pour faire du css.
Je verrai demain...
4 Papione, le 10/10/2010 à 21h57
Re-merci de cette réponse, mais cela ne modifie pas grand-chose Sad
5 ge80, le 10/10/2010 à 22h01
Je reprendrai demain avec votre css au complet.

Là c'est le rugby qui me distrait Wink

ge
6 Papione, le 10/10/2010 à 22h03
D'accord, merci Smile
7 Papione, le 12/10/2010 à 19h14
UP, svp !
8 Papione, le 14/10/2010 à 17h15
UP !! Svp !
9 Papione, le 15/10/2010 à 20h30
UP, SVP !!!
10 Anzu, le 16/10/2010 à 13h09

Bonjour,

C'est possible d'avoir le lien du forum concerné ? Et si possible, un lien où l'on voit ce fameux spoiler bleu.

Cordialement.
11 ge80, le 16/10/2010 à 13h20
Bonjour

Le trait bleu vient de l'encadrement de la zone texte et du fond bleu pour votre spoiler.

Quelle couleur voulez-vous en fond ?

Cordialement
ge

Edit : désolé de cette intervention car en même temps...

Edit Anzu: En même temps ? Il y a onze minutes entre les deux messages !

Edit : Ge : je veux dire entre le temps à partir ou j'ai cliqué pour répondre et celui de la vue de votre réponse.
Je n'ai pas eu de message comme quoi un message avait été créé.
Désolé.

Une suggestion pour Papione

Ajouter à votre feuille CSS

Code:
.spoiler_content{
background-color:#ccc;
border:#ccc;
}


Il suffit de changer le #ccc; pour une autre couleur.







12 Papione, le 16/10/2010 à 17h22
Merci GE et Anzu, mais j'ai déjà modifié plusieurs fois le spoiler, donc, c'est bizarre que le bleu revienne...Je ne préfère pas essayer ton code GE, je n'ai pas envie d'aggraver les choses...

Voici un lien où il y a un spoiler:

ICI !

Les visiteur y sont admis (mais n'ont pas moyen d'y poster un message), j'ai vérifié Smile

13 ge80, le 16/10/2010 à 17h24
Il n'y a aucun risque en mettant ce code à la fin du css.

Si cela ne fonctionne pas alors il vous suffira de l'enlever.

ge
14 Anzu, le 16/10/2010 à 17h26
J'ai trouvé ceci dans votre CSS de base Rolling Eyes

Code:
.spoiler_closed {
background-color:#45A8D6;
border:1px solid #FFFFFF;
color:#000000;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:125%;
}


.spoiler_content {
background-color:#45A8D6;
border:1px solid #FFFFFF;
color:#000000;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:125%;
}


C'est le background color qui pose problème Wink
Donc mettez ceci dans votre CSS:

Code:
.spoiler_closed {
background-color:#code couleur;
}


Et changez la couleur ^^
Faites la même chose pour spoiler content ^'

15 Papione, le 16/10/2010 à 17h29
A quoi correspond le background color ? Pour que je sache quelle couleur mettre ^^

Merci GE, merci Anzu Smile
16 Anzu, le 16/10/2010 à 17h32
Rho j'avais pas vu le post de Ge plus haut =='
Au pire, j'aurais complété, histoire que le bleu disparaisse quand le spoiler est fermé ^^

Il correspond à la couleur de fond (le fameux bleu)
Vous aimeriez quoi à la place ?
17 Papione, le 16/10/2010 à 17h40
Heu...Blanc ^^ Mais je vais trouver, merci Smile

Edit: J'essaye de mettre couleur "rose" et ça me le fait sans problème et sans bleu, j'essaye avec le blanc, ça me met en blanc mais avec le bleu confused Je vous en prie, aidez-moi !
18 Anzu, le 16/10/2010 à 17h41

Pour le blanc c'est #FFFFFF ^^
19 Papione, le 16/10/2010 à 17h48
Papione a écrit:Heu...Blanc ^^ Mais je vais trouver, merci Smile

Edit: J'essaye de mettre couleur "rose" et ça me le fait sans problème et sans bleu, j'essaye avec le blanc, ça me met en blanc mais avec le bleu confused Je vous en prie, aidez-moi !


En effet, c'est bien ce que j'ai mis et l'effet "bleu" est de retour Confused
20 Anzu, le 16/10/2010 à 17h54

Hum .. bizarre Oo

On va vérifier un détail:
Allez dans le PA > Affichage > Images et couleurs > Couleurs > Les couleurs de fond > Couleur des citations, codes et boutons > Vous avez quelle couleur d'affichée ?

C'est possible de voir les codes que vous avez modifiés ? (celui qu'on vous a donné à modifier Razz)

Sujets similaires
Problème de style des spoiler
Hey' J'ai bien modifié mes CSS comme me l'a indiqué James Beckett mais le fond me laisse ça: J'aimerais supprimer le bleu, or, je n'y arrive pas...Pourtant, j'ai mis exactement le même code que pour la citation... Quel est le code pour mettre
Selon vous, qu'est ce que le style et surtout, qui l'a?
Vu que ca tournotte pas mal autour de ce sujet depuis pas mal de temps, j'ai eu l'envie de créer ce sujet, afin d'un peu savoir quelle importance accordez vous au style, est ce qu'il vaut mieu n'avoir que 5 tricks mais les avoir nickel, sur les vis, avec
Graph X Style partenaire de Foligraph ?
Nom du forum : Foligraph Adresse du forum : http://foligraph.forumperso.com/ Description du forum : Foligraph est un forum de graphisme, banal à première vue. Mais vous pouvez y trouver notre propre touche en vous inscrivant ! Cette communauté vous
Réponses 1 à 20 sur 23 pour "Style des spoiler."
Répondre
12
À voir aussi
more_less
Informations

23 Réponses pour le sujet :
"Style des spoiler."

Ce sujet a été vu 1120 fois.

Dernier message écrit :
10/10/2010 à 21h07 par "Papione"