texte spoiler fermé

2 participants

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

Résolu texte spoiler fermé

Message par 8Bonhomme5 Dim 3 Juin 2012 - 14:29

Bonjour à tous,

J'ai entreprie quelques modification du spoiler de mon forum (couleur, cadre ...)
et je voudrais aussi pouvoir mettre un texte dans le spoiler fermé,

ici dans le cadre gris (spoiler fermé), je voudrais ajouter par exemple "cliquez ici pour afficher le contenu,"
texte spoiler fermé Captur20

mais je ne sais pas si c'est possible.

Mes recherches sur le fdf pour le moment n'ont rien donné, je suis surement passé à coté.

Bonne journée et merci de votre aide


Dernière édition par 8Bonhomme5 le Lun 4 Juin 2012 - 23:41, édité 1 fois
8Bonhomme5

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: texte spoiler fermé

Message par Ea Dim 3 Juin 2012 - 20:25

Bonjour,


Avec des outils de développeurs ( ctrl + shift + i pour inspecter sur firefox par exemple ), on peut voir assez facilement que :

- quand le spoiler est ouvert on a https://i.imgur.com/GSYJU.png ( donc l'élément spoiler_closed caché et l'élément spoiler_content affiché )
- quand le spoiler est fermé on a https://i.imgur.com/6aFQd.png ( donc l'élément spoiler_closed affiché et l'élément spoiler_content caché )

Enfin donc pour faire ce que vous voulez, il faudrait soit ajouter un texte dans spoiler_closed, par un script sur les sujets du style :

Code:
$(function(){
  $('.spoiler_closed').html('cliquez ici pour afficher le contenu');
});
Soit changer le style de spoiler_closed, par exemple en mettant une image de fond avec le texte :

Code:
.spoiler_closed {
 height: 20px;
 background: url(http://i48.servimg.com/u/f48/16/78/05/90/untitl12.png) no-repeat center top;
}
Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: texte spoiler fermé

Message par 8Bonhomme5 Lun 4 Juin 2012 - 23:41

Ea a écrit:Avec des outils de développeurs ( ctrl + shift + i pour inspecter sur firefox par exemple ), on peut voir assez facilement que :

Bonjour Ea, j'ai essayer d'utiliser plusieur fois l'outil, mais je suis vraiment pas doué du coup, pas facile.
Mais je vais mis mettre car ca à l'air vraiment hyper pratique.

et sinon merci beaucoup pour la réponse, je viens d'utiliser la partie pour le css, ça marche nickel. cheers

8Bonhomme5

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 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