• Mettre un cache dans un article

    Ce code sera à insérer dans la partie code source de l'article.

     

    Pour cacher un texte il vous faudra utiliser ce code:

     

    <div style="margin:20px; margin-top:5px" mce_style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler:</b> <input type="button" value="Afficher" style="width:45px;font-size:10px;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'; }" /></div><div class="quotecontent"><div style="display: none;" mce_style="display: none;">{TEXT}</div></div></div>

     

    Il vous suffira simplement de remplacer TEXT par votre texte.

    Vous pourrez également modifier les textes visibles tels que Spoiler ou encore Afficher.

     

    Avec ce code, le cache se présentera sous cette forme: Spoiler:

     

    Pour cacher une image, utiliser ce code:

     

    <div style="margin:20px; margin-top:5px" mce_style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler:</b> <input type="button" value="Afficher" style="width:45px;font-size:10px;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'; }" /></div><div class="quotecontent"><div style="display: none;" mce_style="display: none;">

    <img style="width: largeurpx; height: hauteurpx;" src="IMAGE" border="0" alt="Attention" /></a> 

    </div></div></div>

     

    Ici, il vous faudra remplacer "IMAGE" par l'adresse de votre image.

    Comme pour le code précédent, vous pouvez modifier le cache qui sera visible en modifiant "Spoiler" et "Afficher" mais également la hauteur et la largeur de l'image.

     

    /!\ Ces codes ne marchent que si le javascript est activé sur votre blog. /!\

     

    Si vous désirez activer le javascript il vous faudra contacter le support via ce formulaire en demandent l'activation de ce dernier.

    Le formulaire est disponible ici : https://www.eklablog.com/support.

    « 日本語での私のプレゼン。Un nouveau départ. »

  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :