décembre 25, 2012

Balise de spoiler

 
 
Pour obtenir cette effet et par conséquent caché certaine partie de vos textes ou même certaine de vos photos



ÉTAPE 1

  • copiez ce texte dans vos articles 
 
<div 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;">{TEXT}</div></div></div>

ETAPE 2

  • Remplacez dans la partie en bleu TEXT par vos photos ou vos propres textes

Aucun commentaire:

Enregistrer un commentaire

Merci à vous !