• Spoiler

    Voici un spoiler: 

    Clique ici!

    Et voilà


    Et voilà

    C'est bien joli, mais vous voudriez apprendre à le faire, hein? C'est asser simple!


    Copier-coller ce texte dans un bloc note, en modifiant les champs en MAJUSCULE par ce que vous voulez, une fois que vous avez terminer, faites fichier>enregistrer, mettez le nom que vous voulez, mais rajoutez bien derrière ".html" Ouvrez et vérifiez que cela vous convienne, si oui, faites un clic-droit>ouvrir avec et choisissez le bloc note, copiez tout le texte du bloc note et collez-le dans l'éditeur de code source html d'une de vos pages ou articles:
     
    <div style="margin: 20px; margin-top: 5px;">
    <div class="quotetitle"><strong>ÉCRITURE AVANT LE BOUTON</strong> <input style="height: HAUTEUR DU BOUTONpx; LARGEUR DU BOUTONpx; font-size: TAILLE DE LA POLICE DU BOUTONpx; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" type="button" value="TEXTE DU BOUTON" /></div><div class="quotecontent"><div style="display: none;"><p>TEXTE DU SPOILER</p><p>&nbsp;</p></div>

    Voici un spoiler tout simple!


    Tags Tags : , , , ,
  • Commentaires

    1
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Dimanche 11 Novembre 2012 à 17:10

    super ! mais il faut pas avoir la javascript pour ça ?

    2
    Dimanche 11 Novembre 2012 à 19:16

    ben, je crois que non... à vrai dire, j'en sais trop rien, parce que à première vue, c'est un code html...

    3
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Lundi 12 Novembre 2012 à 08:53

    bah , parceque sur le blog de mizura c'est ça :

    - Un petit merci fait toujours plaisir -

    Plusieurs personnes on mis des heures et des heures à chercher

    comment mettre des étoiles,flocons (appelez ça comme vous voulez)

    qui tombent du curseur...he bien j'ai enfin  réussi et je

    vais tout vous dire !

     

    Avant de vous donner le code les explications :


    Il faut avant tout activer le JavaScript, il faut le demander à Eklablog par message.

    Ensuite :

    Prendre donc le code que je vous donne  (pour moi les étoiles sont

    bleu donc n'oubliez pas de modifier la couleur que j'ai marqué en rouge

    sur le lien)

    Créer un nouveau module "simple" /  html / coller puis valider.

    Actualiser la page pour voir le résultat.

    (et apres ya le code ) 

    4
    Lundi 12 Novembre 2012 à 19:01

    mais le code que tu me montre, c pour les paillettes derrière la souris, en fait, on est sur le sujet du spoiler ^^

    5
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Lundi 12 Novembre 2012 à 19:20

    ah oui mince ... bah ok ^^ LOL

    6
    Jeudi 21 Mars 2013 à 15:49

    Le bouton est là sauf que quand je mets le texte pour le spoiler rien n'apparait. J'ai fait plusieurs etst mais rien n'est apparu... Comment faire stp ?

    7
    Vendredi 22 Mars 2013 à 19:20

    tu as activé le javascript sur ton compte? Car oui, il le faut! ;)

    8
    Vendredi 22 Mars 2013 à 19:22

    Ah non. C'est que Stéphanie qui le peut non ?

     

    9
    Dimanche 24 Mars 2013 à 13:19

    Il faut juste leurs envoyer une demande et c'est bon

    10
    Jeudi 3 Avril 2014 à 16:56

    Merci pour ce code

    Après avoir galéré pendant un bon moment j'ai enfin réussit (mais je crois que j'arrivais pas parce que le java était pas ativer --)

    11
    Dimanche 21 Septembre 2014 à 09:54

    Merci pour ton code, ça a été très facile :)

    12
    Mardi 23 Septembre 2014 à 19:41

    merci



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :