Changer affichage 'spoiler' par un icône est-ce possible ?

[Valentine1961]

Bonjour, j'aimerais savoir si c'est une possibilité de pouvoir changer l'affichage 'spoiler' avec la grande ligne blanche, par simplement un icône qui indiquerait par exemple 'cacher' ... comme j'ai vu sur un autre forum, voici la capture d'écran :

Ce qui est apparent dans le menu des BBcode


Ce qui apparait sur le message, au lieu de 'spoiler et la grande trainée blanche:


Merci pour votre collaboration

[Arlem]

Salut,

Peux-tu nous donner l'adresse du dit forum ?

[ge80]

Bonjour

:

Cordialement
Ge

[Valentine1961]

Salut,

Peux-tu nous donner l'adresse du dit forum ?

Oui, le voici:
http://www.quebec-numerique.com/

[Valentine1961]

Bonjour

:

Cordialement
Ge

Non pas comme ça Ge, merci de ton intérêt... vraiment comme j'ai indiqué avec les flèches sur mes captures d'écran.

[ge80]

Il suffit de remplacer l'image par celle d'un bouton montrer.
et de changer le style de la partie CSS spoiler.

[Valentine1961]

Il suffit de remplacer l'image par celle d'un bouton montrer.
et de changer le style de la partie CSS spoiler.

Merci. Et quelqu'un m'indiquerait comment faire tout ça, je ne connais pas les codes afin de modifier/changer le CSS

[ge80]

Code:

[spoiler= <img src="http://www.parapharmacie.us/images/montrer.gif"/>][/spoiler]


<img src="http://www.parapharmacie.us/images/montrer.gif"/>:

Pour le bouton

[Arlem]

Mets ceci dans ton css personnalisé (pa => Affichage => Couleurs) :

Code:

.spoiler_closed{
background-color: #transparent !important;
border:#d1d7dc;
border-style:solid;
border-width:0px !important;
color:#444;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:125%}

Ensuite pour mettre une image, il faut que tu rajoutes l'image dans tes smileys puis que tu écrives le spoiler ainsi :

Code:

[spoiler=code du smiley montrer]
TEXTE CACHÉ
[/spoiler]

[Valentine1961]

Yess.... merci Hinus, j'essaie ça immédiatement

[Valentine1961]

Il doit y avoir quelque chose que je ne copie pas comme il faut, ça fonctionne pas, j'ai toujours Spoiler comme affichage.

Voici code que j'ai copié dans ma feuille CSS:

Code:

.spoiler_closed{
background-color: #transparent !important;
border:#d1d7dc;
border-style:solid;
border-width:0px !important;
color:#444;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:125%}

Code:


[spoiler=spoilerIcone][/spoiler]

(spoilerIcone est le code donné à mon smiley)

[ge80]

Changer ce code smiley par un code du style :BM: pour bouton montrer...

[Valentine1961]

Changer ce code smiley par un code du style :BM: pour bouton montrer...

Je viens d'essayer, ça fonctionne pas plus

Le code mis (et code dans les smileys changé aussi )

Code:

[spoiler=:BM:]
[/spoiler]

[Arlem]

Et comme ceci :

Code:

[spoiler= :BM: ]TEXTE[/spoiler]

[ge80]

Et si vous tapez :BM: dans un message, le smiley vient -il ?

[Valentine1961]

Et comme ceci :

Code:

[spoiler= :BM: ]TEXTE[/spoiler]

Non, pas mieux.

Et si vous tapez :BM: dans un message, le smiley vient -il ?

Oui.

[ge80]

Essayer ceci donné plus haut.

Code:

[spoiler= <img src="http://www.parapharmacie.us/images/montrer.gif"/>]
un texte

[/spoiler]

[Valentine1961]

Essayer ceci donné plus haut.

Code:

[spoiler= <img src="http://www.parapharmacie.us/images/montrer.gif"/>]
un texte

[/spoiler]

On me donne un message d'erreur :

Les balises html génèrent des erreurs dans les feuilles de style.
Une correction vient donc d'être effectuée afin de supprimer les balises html que vous avez placées dans la feuille de style.

[Arlem]

Tous les codes qu'on te donne du style :

Code:

[spoiler= :BM: ]TEXTE[/spoiler]

sont à mettre dans un message, pas dans le css hein !

[Valentine1961]

Tous les codes qu'on te donne du style :

Code:

[spoiler= :BM: ]TEXTE[/spoiler]

sont à mettre dans un message, pas dans le css hein !

Oh my God! Je m'excuse J'essaie.

[Valentine1961]

L'image est remplacée ça fonctionne, mais j'ai toujours la grande barre blanche, voici la capture:

[ge80]

Evidemment dans la cSS !

Ceci devrait fonctionner dans un message.

[Valentine1961]

Evidemment dans la cSS !

Ceci devrait fonctionner dans un message.

Concernant la barre blanche ?

Donc il n'y aura pas moyen que ça se fasse automatiquement en cliquant sur 'spoiler' dans les petits icones BBcode, il faudra le faire manuellement pour voir apparaitre mon image 'montrer' au lieu de 'spoiler' ?

[ge80]

Automatiquement : impossible en V3.

La barre blanche doit correspondre à la couleur de fond de votre spoiler.

[Valentine1961]

Automatiquement : impossible en V3.

La barre blanche doit correspondre à la couleur de fond de votre spoiler.

Et est-ce que en V. Phbb2 ça aurait été possible ? Merci de votre patience, vous être vraiment gentil.

[Valentine1961]

La barre blanche doit correspondre à la couleur de fond de votre spoiler.

Pourtant le code que j'ai copié indique:

Code:

.spoiler_closed{
background-color: #transparent !important;

[ge80]

Avez-vous un lien sur votre forum (ouvert aux invités) avec un message SPOILER visible ?

[Valentine1961]

Avez-vous un lien sur votre forum (ouvert aux invités) avec un message SPOILER visible ?

Il faut être membre

[ge80]

Essayez ceci : à la fin de votre css

Code:

.
.spoiler.hidden .quote.spoiler_content, .spoiler {display:none;
background-color: #transparent !important;
}


[Valentine1961]

Essayez ceci : à la fin de votre css

Code:

.



Merci, mais ça ne change pas.