• Spoiler

    Par Mikuru le 23 Octobre 2011 à 19:26

    qu'est-ce que c'est ?

    Un exemple de spoiler :

    Coucou !

     

    comment faire ?

    Vérifiez que le Javascript soit activé sur votre compte.
    S'il ne l'est pas, vous pouvez en obtenir l'activation en envoyant un message à Stéphanie.

    Lorsque vous avez crée votre article, ouvrez la fenêtre d'édition HTML et collez cela :

    <div class="quotetitle"><strong></strong><input style="width: 70px; font-size: 12px; marg
    in: 0px; padding: 2px;" 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 = 'Voir'; }" type="button" value="Voir" /></div>
    <div class="quotecontent">
    <div style="display: none;">Ecrivez votre texte ici</div>
    </div>

    width: 70px correspond à la largeur du bouton.
    font-size: 12px c'est la taille du texte.
    padding: 2px représente l'espace qu'il y a entre le texte et les bords du bouton.

    Enfin, vous écrivez votre texte à l'emplacement prévu.


    22 commentaires