Aide au blog: Spoïler

Bonjour,

Je cherchais à inclure des spoïler pour pouvoir Spoïler un livre sans que tout le monde puisse connaitre des détails qu'il n'ont pas envie de voir, après de longue recherche j'ai enfin trouver!

J'ai trouver ma réponse ici : sur le blog de lapassiondelali

Elle explique vraiment bien et la manipulation est simple il suffit de copier le texte dans HTML de l'article et de cliquer ensuite sur Spoïler pour ouvrir le contenue caché tout simplement.

Je vous met le code ici avec les Partie en gras à mettre en Minuscule:

<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>

Ce qui donneras ceci:

Spoiler:

{comme ceci :)}

Je suis cachée hihi

Voila et vous pourrez changez Spoïler et none;">{TEXT}</div> pour le mettre en rouge.

Ce qui donne :

Spoiler:

Je suis cachée hihi

Le code à copier est:

<DIV mce_style="margin:20px; margin-top:5px" style="margin-top: 5px; margin: 20px;">
<div class="quotetitle">
<span style="color: red;"><b>Spoiler:</b></span><br />
<input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 45px;" type="button" value="Afficher" /></div>
<div class="quotecontent">
<div mce_style="display: none;" style="display: none;"><span style="color: red;">
Je suis cachée hihi</div></span><br />
</div>
</DIV>

et le même avec texte du spoïler en noir:

<DIV mce_style="margin:20px; margin-top:5px" style="margin-top: 5px; margin: 20px;">
<div class="quotetitle">
<span style="color: red;"><b>Spoiler:</b></span><br />
<input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 45px;" type="button" value="Afficher" /></div>
<div class="quotecontent">
<div mce_style="display: none;" style="display: none;">
Je suis cachée hihi</div>
</div>
</DIV>

Ce qui donne cela:

Spoiler:

Je suis cachée hihi