Texte deroulant sous la question

killian-c Posté à 09/11/2017 05:01

Bonjour,

Je souhaite faire un FAQ pour mon site internet.

J'ai un exemple que je trouve parfait pour les raisons suivantes.

Les questions sont visibles mais chaque réponse est caché jusqu'au clic de l'utilisateur.

Les réponses ne chevauche pas les questions suivantes et repousse un peu plus bas la question suivante.

http://excursions-puntacana.fr/foire-aux-questions/

J'ai donc fait un test avec une barre de navigation verticale mais le résultat était mitiger.

J'ai déjà consulté un sujet précédent sur le forum qui ressemble à ma recherche : Est-il possible d'ajouté un bouton d'étirement de page vertical? mais je n'ai pas trouvé mon bonheur.

je trouve mon exemple de punta cana très bien car il gère l'espace de la page en même temps.

Voici mon site internet : http://killianc.magix.net/public/index.htm

J'ai aussi un bug de transparence sur le logo avec slider en page d'accueil. mais après deux heures sur le sujet je suis passé a autre chose.

Merci de votre aide, si vous avez aussi des conseils pour améliorer l’expérience utilisateur je suis preneur.

Commentaires

francois-bellanger Posté à 09/11/2017 14:25

Bonjour,

Avec Designer, on peut fabriquer ce gadget, mais en mode basic.

Voici un essai basic créé à l'aide des calques : http://francoisbellanger.magix.net/

killian-c Posté à 09/11/2017 20:05

Bonjour,

Merci François cela me parait pas mal.

Quel est la procédure pour avoir un résultat équivalent.

😀

killian-c Posté à 09/11/2017 23:25

Donc j'ai trouvé un tuto que je peux utiliser pour réalisé cela.

Mais combien il faut de calque ? car si je m'appuie sur ce modèle cela fait autant de calque que de réponses.

Et comment faire pour quel la réponse ne chevauche pas la question suivante.😏

awanderer Posté à 10/11/2017 00:28

Bonjour,

Vous pouvez vous basez sur ce tuto pour vos calques.

http://sergeloyenet.magix.net/public/astucesn3a.htm

Si vous avez 5, ou 10 questions, il vous faudra 5 ou 10 calques réponses, de la mesure que vous voulez et de l'endroit ou vous voulez les voir apparaitre.

aWanderer

francois-bellanger Posté à 10/11/2017 08:59

Mon exemple ne possède que 4 calques.

Sur chaque calque, le même modèle que celui de la page qui comporte ces 4 calques. (un copier-coller en place du tableau initial est suffisant, il suffit de déplacer ensuite les colonnes sur chaque calque).

Chaque partie colorée, a un lien vers le calque correspondant à celui où il est placé . Le calque de bienvenue à un lien vers sa page (index) dans ma démonstration). L'illusion donne l'impression qu'un calque se referme pour faire apparaître le suivant.

La différence, c'est la position des volets, c'est facile à faire en suivant les positions hautes de ces volets bleus, les réponses (1 par calque) seront positionnées dans leur partie blanche.

Chaque bandeau bleu possède un lien vers son calque (pas besoin de lien pour le bandeau d'accueil).