Créer facilement une F.A.Q en 3 minutes

Cette semaine, un nouveau snippet pour vous dans le même esprit de simplicité que les boutons de partage. Mon idée aujourd'hui est de vous permettre en moins de 3 minutes, de faire une belle foire aux questions sur votre site et ce, sans aucun script compliqué. Vous pourrez utiliser cette FAQ avec les outils natifs de Jimdo ! Donc très facile à modifier.
De plus, j'ai ajouté un petit effet d'animation dans le code.

C'est très facile à refaire car, d'une part, je vous fournis le travail clé en main et d'autre part, c'est prévu pour être très simple. Si toutefois, vous rencontrez des difficultés, n'hésitez pas à me contacter. Merci de partager à l'aide du "plus" sur le côté gauche !

Démonstration vidéo

étape 1 : mise en place

1 - Ajoutez un module "texte"

2 - Ajoutez votre texte simplement. Ecrivez d'abord la réponse à la question.

3 - Cliquez sur le bouton HTML pour éditer le code source.

étape 2 : le code html

1 - Faites un espace au dessus du paragraphe <p>

 

2 - Ajoutez les 2 lignes HTML suivantes en haut et en bas du paragraphe réponse.

- En haut :

<section class="faq">Question<br /> <br /> <br />

- En bas :

</section>

 

3 - Cliquez sur le bouton "mettre à jour".

étape 3 : le style

1 - Ouvrez les paramètres + "modifier le head"

 

2 - Copier le code suivant - CTRL+C ou clic droit pour copier

3 - Collez ce code dans le Head + Enregistrez

C'est fini !


Plus de Snippets : SNIPZOO propose des snippets gratuits profitez en !