Balise spoiler Spoiler: { La mise en place de cette balise est simple et permet de cacher un texte ou de mettre une réponse cachée pour renseigner le visiteur. Elle peut permettre de faire un questionnaire avec les réponses cachées. } {le code se trouve sur le forum d'aide. Voir: http://test.blog4ever.com/blog/forum_msg-2-1174-178677.html ****************************** Question N° 1 {Date de la bataille de Marignan ?} wikipedia {13 et 14 septembre 1515} ********************************** Question N°2 {Prise de la Bastille} wikipedia {14 juillet 1789.} *************************** Question N°2 {Ma date de naissance ?} {31 Mars 19.. petit curieux} *************************** Question N°2 {qui a écrit le loup et l'agneau} Wikipedia {Jean de la Fontaine} ************************* Question: Qui est Simon ? { Un modérateur du forum d'aide } ************************** Cliquez pour afficher la suite du texte>>> **** comme vous pouvez le constater la suite du texte apparait. Sur cette page, je vous présente le code qui permet d'afficher ou de cacher un bloc. Le système est en "javascript" mais utilisable sans risque dans Blog4ever Il est donc possible de cacher une fonction qu'il n'est pas nécessaire d'afficher sauf si l'on veut par exemple un mode d'emploi comme ce code: <a href="javascript:show(101)">Cliquez pour afficher ou cacher une copie des paragraphes ci-dessus >>> </a><br /><div id="101" style="display: none;">**** texte des paragraphes ou de ce que vous voulez afficher/cacher ****</div> ********************* Cliquez pour avoir de l'aide **** Allez sur le blog de Papyclic **** ************* ****** essai Question N°1 {qui est thalie ?} {Une gentille Bretonne } ******************************** code des bordures de pages ( Double clic ) <script>function cache(id){ document.getElementById(id).style.display = 'none';}function show(id){ if(document.getElementById(id).style.display=='none') { document.getElementById(id).style.display = 'block'; } else { document.getElementById(id).style.display = 'none'; }}</script> .bloc_afficher { display: block; background:#FFFFFF; width:450px; margin:auto; padding:5px; border: 4px inset #9D9D00; white-space: pre; overflow:auto; } ************************************* Voir le CSS ( Double clic ) .bloc_cacher { display: none; background:#FFFFFF; width:450px; margin:auto; padding:5px; border: 4px inset #9D9D00; white-space: pre; overflow:auto; } .bloc_afficher { display: block; background:#FFFFFF; width:450px;margin:auto; padding:5px; border: 4px inset #9D9D00; white-space: pre; overflow:auto; }.bloc_afficher:hover{ background:#9cc;transition: background-color 4s ease 0s;}.bloc_cacher:hover{ background:#9cc; transition: background-color 4s ease 0s; } Auteur : simon-Léoncini 01/02/2014 2 J'aime 2 6 Poster un commentaire 6 Tweet Imprimer × Membres qui aiment ce contenu Panier: 0 article ⨯ Inscrivez-vous au blog Soyez prévenu par email des prochaines mises à jour Rejoignez les 19 autres membres Inscrivez-moi