Le blog WAIBE.FR, des astuces pour faire votre site Internet...



Une petite astuce avec les textes "accordéon" : servez-vous en pour créer des liens de menu

24 mars 2015



Quand on fait un site Internet, il faut sélectionner les informations que l'on affiche sur le site : il est inutile de mettre trop d'informations à l'écran, mieux vaut synthétiser et ne mettre que le strict minimum. Cependant, il arrive de temps en temps qu'on ait besoin de proposer des infos complémentaires au visiteur qui veut plus de détails. Comment faire ? Comment lui proposer simplement ces informations, avec un simple lien "en savoir plus", avec ces informations qui défilent et renvoient vers d'autres pages ?

L'exemple concret...

Voici ci-dessous un exemple de ce que je vous propose : vous écrivez votre texte synthétique, mettez quelques images, et ensuite vous voulez mettre un lien "en savoir plus", qui fera apparaître un menu vers d'autres pages du site. Voici l'effet que je souhaite réaliser (cliquez sur "EN SAVOIR PLUS" ci-dessous : 

 

 accordeons astuce3  accordeons astuce4  accordeons astuce5  

 

Nous avons donc

  • un texte "EN SAVOIR PLUS"
  • Quand on clique dessus, on fait apparaître 3 images
  • Chaque image possède un lien vers 3 pages de mon site, dont j'ai mis le nom dans les images.

Comment faire cet effet ?

Voici les explications ...

 

accordeons astuce1

 

accordeons astuce2  

 

accordeons astuce6 

Vous répétez l'étape précédente autant de fois que nécessaire, pour insérer toutes vos images (ici, j'ai 3 images). Si vos images sont trop grandes, vous pouvez réduire leur taille : faites un clic droit sur l'image, puis choisissez le menu "propriétés de l'image". Vous pouvez alors régler la hauteur (par exemple 50 pixels pour une toute petite image).

accordeons astuce7 

 

C'est tout, vous n'avez plus qu'à tester sur votre site Internet.

Ecrire un commentaire

(Tous les commentaires seront validés par le webmaster avant d'etre publiés)

Votre nom


Votre texte


Tapez le code à gauche*



Il y a 1 commentaire...

Yann HERAULT - 11 avril 2015

Fonction très intéressante pour améliorer le graphisme de nos sites. il est même possible de remplacer le "en savoir plus" par une image.
Merci une nouvelle fois à Waibe de nous apporter régulièrement des nouveautés.

facebook partager

 

www.waibe.fr - Comment créer un site Internet pas cher, le modifier à volonté, et sans aucune connaissance informatique
Création de site Internet à petit prix pour PME, PMI, association, indépendant, profession touristique, photographe, modèle...

 

Comment créer un site photo pas cher. Création site web pas cher. Liens vers des sites photo - Comment créer un site Internet pour autoentrepreneur ? - Creation de sites Internet Bassin d'Arcachon - duovip.waibe.fr -