Style des spoiler.

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

Résolu Style des spoiler.

Message par Papione le Dim 10 Oct 2010 - 21:07

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


Dernière édition par Papione le Sam 16 Oct 2010 - 18:03, édité 1 fois

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par ge80 le Dim 10 Oct 2010 - 21:39

Bonsoir

enlever vos [ img] https://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

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Dim 10 Oct 2010 - 21:45

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('https://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

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par ge80 le Dim 10 Oct 2010 - 21:53

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...

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Dim 10 Oct 2010 - 21:57

Re-merci de cette réponse, mais cela ne modifie pas grand-chose Sad

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par ge80 le Dim 10 Oct 2010 - 22:01

Je reprendrai demain avec votre css au complet.

Là c'est le rugby qui me distrait Wink

ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Dim 10 Oct 2010 - 22:03

D'accord, merci Smile

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Mar 12 Oct 2010 - 19:14

UP, svp !

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Jeu 14 Oct 2010 - 17:15

UP !! Svp !

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Ven 15 Oct 2010 - 20:30

UP, SVP !!!

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Anzu le Sam 16 Oct 2010 - 13:09


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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par ge80 le Sam 16 Oct 2010 - 13:20

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.








ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Sam 16 Oct 2010 - 17:22

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


Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par ge80 le Sam 16 Oct 2010 - 17:24

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

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Anzu le Sam 16 Oct 2010 - 17:26

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 ^'


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Sam 16 Oct 2010 - 17:29

A quoi correspond le background color ? Pour que je sache quelle couleur mettre ^^

Merci GE, merci Anzu Smile

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Anzu le Sam 16 Oct 2010 - 17:32

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 ?

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Sam 16 Oct 2010 - 17:40

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 !


Dernière édition par Papione le Sam 16 Oct 2010 - 17:45, édité 1 fois

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Anzu le Sam 16 Oct 2010 - 17:41


Pour le blanc c'est #FFFFFF ^^

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Sam 16 Oct 2010 - 17:48

@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

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Anzu le Sam 16 Oct 2010 - 17:54


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)


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Sam 16 Oct 2010 - 17:56

Dans les couleurs, j'ai ça:

Code:
#45A8D6

Et pour tous mes codes:

Spoiler:
Code:
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;
}


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;}



.code {
background-color: #ffffff; /* couleur noire du fond */
border: #0C0C0D solid; /* bordure noire */
color: #0C0C0D; /* couleur du texte noire */
}

.spoiler_closed {
background-color:##FFFFFF;
}

.spoiler_content {
background-color:##FFFFFF;
}

Je vous ai mis tous mes codes vu que j'en ai quelques un sur les spoiler ^^

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Anzu le Sam 16 Oct 2010 - 17:59


Enlevez le code couleur alors #45A8D6
La CSS devrait être prioritaire mais c'est possible que ca puisse interférer, sont capricieux hein =_=

Par contre, vous avez mis ceci =>

.spoiler_closed {
background-color:##FFFFFF;
}

.spoiler_content {
background-color:##FFFFFF;
}

C'est faux .. c'est #FFFFFF et non ##FFFFFF ^^'

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Style des spoiler.

Message par Papione le Sam 16 Oct 2010 - 18:02

Je vais modifier les deux, merci Anzu Smile

Edit: ça fonctionne Smile

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione 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