Créer des menus déroulants sur son site internet
- Le 24/04/2009
- Commentaires (23)
- Dans Nouveautés sur e-monsite

E-monsite vous propose une nouvelle option très intéressante pour rendre votre site plus dynamique et améliorer son ergonomie : les menus déroulants dans le menu horizontal du haut de votre site Internet. Cette option permet, lorsque vous insérez une catégorie dans ce menu (via Configuration > Menus horizontaux > Menu du haut), d'indiquer que vous souhaitez un menu déroulant. Celui-ci affichera au survol du lien la liste complète des rubriques contenues dans la catégorie.
Je ne m'étendrais pas sur les détails de la mise en place de cette option puisque Jérémy à rédigé un tutoriel très complet à ce sujet !
La mise en place de cette option a entraîné des modifications au niveau du code HTML (les éléments du menu horizontal ne sont plus sous forme de simples liens mais sous forme de listes ul > li) et de la feuille de styles CSS de votre site. Si vous avez édité la feuille de styles CSS avant cette modification et que vous constatez des problèmes, contactez-nous. De même, pour les utilisateurs en version pro ayant édité le menu horizontal du haut en HTML, vous ne pourrez pas utiliser les menus déroulants. Dans ce cas, n'hésitez pas à nous contacter également pour que nous vous indiquions la marche à suivre.
Ces modifications ont pu entraîner des problèmes sur certains sites. Nous avons résolu tous ces problèmes. Nous nous excusons pour le désordre que cela a pu occasionner pour certains utilisateurs. Enfin, lorsque votre menu est centré ou aligné à droite, vous pouvez constater un délai pour qu'il se positionne au chargement de la page : c'est normal. En effet, le positionnement au centre ou à droite d'une liste flottante n'est pas possible en CSS (sur Firefox). Ce positionnement est donc réalisé en javascript au chargement de la page.
En plus de cette nouvelle option, afin de désengorger votre menu vertical (puisqu'à présent les rubriques peuvent se retrouver dans le menu horizontal) une autre option a vu le jour. Elle permet de masquer l'affichage de certains éléments (dont les catégories) dans le menu vertical (ces éléments ne sont pas supprimés, ils sont juste pas affichés). Pour cela, sur la page Configuration > Menus verticaux cliquez sur le petit oeil en haut à droite de chaque élément. Et pour rétablir l'affichage d'un élément ? Re-cliquez sur le petit oeil barré tout simplement !
Enfin, voici quelques sites utilisant cette nouvelle option de menus déroulants :
- Le site consacré à la commune Le Vaudoue
- Un site consacré à l'Islam
- Le dépot-vente Les puces provencales
- Le site de Eight Production
Et si vous utilisez cette nouvelle option laissez un message dans les commentaires avec l'adresse de votre site !
EDIT : Le système gère désormais les sous-rubriques comme vous pouvez le voir sur le site de démonstration ou sur cette capture d'écran:

Commentaires (23)
1. 24/04/2009
Je tiens à préciser que les menus déroulants ont été faits en utilisant le plugin Jquery Droppy. A part ça c'est du tout bon et cela donne toujours plus un aspect pro aux sites crées e-monsite !
2. 24/04/2009
Exact, excellent plugin Jquery d'ailleurs : http://onehackoranother.com/project...
J'en parlais dans mon précédent billet, l'implémentation de jQuery sur les sites membres va permettre de proposer tout un tas d'options dynamiques...!
3. 25/04/2009
Voila j'ai intégrer ce matin les menus déroulants sur mon site en construction...A voir avec le temps mais cette nouvelle option me semble sympa ! C'est vrai que cela donne un côté plus pro, merci aux développeurs
4. 25/04/2009
Sous Chrome il y à un problème, ça grossis les liens et on voit plus rien, alors que quand on passe dessus ç'est normal : http://photomaniak.com/upload/out.p...
5. 25/04/2009
pouvez vous m'aidez à réorganiser ma ge d'accuiel de mon site je ne sais pas comment elle est arrivée à se désorganiser sans que je la touche.Mrci pour les nouveautés. mais je pense que celà concerne simplement la version pro?
6. 25/04/2009
Bonjour,
Voilà une option qui est intéressante et qui donne un aspect digne de tout bon site, merci e-monsite.
Cela valait bien quelques petits désagrément passagés lors de la mise en place
7. 25/04/2009
1-pourquoi il faut un mot de passe pour aller sur mon site?
2-je comprends pas comment faire des modifs sur mon site...
3- j'ai demandé de l'aide à AVELTY mais rien...
4- j'ai payé pour la version "pro" et je suis prêt à
financer pour une publicité et pour améliorer la
diffusion de mon site mais AVELTY ne me répond
pas.....??????
QUE DOIS FAIRE ???? MERCI DE ME REPONDRE....JACQUES
8. 26/04/2009
@pacha : nous n'avons reçu aucun message sur le support E-monsite de votre part. Envoyez-nous un message nous vous répondrons lundi matin : http://www.e-monsite.com/faq.html#c...
pour ce qui est du mot de passe, c'est vous qui l'avez indiqué dans "site" > "préférences". Supprimez-le et votre site sera de nouveau en accès libre.
@Baptiste : effectivement, nous allons régler ce probleme au plus vite.
@webmaster : contactez-nous ou posez votre question sur le forum : http://www.e-monsite.com/forum-cree...
Cette option est disponible pour tout le monde (pas seulement pour les sites en version pro)
9. 29/04/2009
rss du blog...comment abboner
10. 01/05/2009
Merci pour cette nouvelle option !!! Je l'ai utilisée sur mon site : http://www.athletesmondiaux.com/
J'attends la prochaine nouveauté avec impatience... ;-)
11. 05/05/2009
je vous invite à visiter mon site de dessins en tous genres .
J'essaye d'intégrer mes compos aussi
artistiquement votre
Florian Roméo .
http://florian-romeo.e-monsite.com/
12. 09/05/2009
bonjour je vien de cree un site web j'aimrai avoir vos avis et vos cmentaires merçi ne soyez pas trop dure je debute
abdel0000.e-monsite.com
13. 11/05/2009
bonjour!
félicitation pour cette nouvelle application, le site est tellement plus clair maintenant!
14. 13/05/2009
tropc bien
15. 15/05/2009
c'est bien pratique.
16. 15/05/2009
Lorsque l'on clique sur menu vertical déroulant, l'état "ouvert" n'est pas mémorisé lors du chargement de la catégorie. De plus le contenu "intro" de la catégorie n'est visible dans la zone contenu.
Dommage...
17. 10/06/2009
Le menu déroulant passe en dessous de mes vidéos
18. 12/06/2009
Mon site web est desormais actif. Visite le, tu verras les merveilles de E-monsite.com, et tu m'en dira plus. Dieu te bénisse!
19. 12/06/2009
C'est vrai que ça rend vraiment bien, ces menus déroulants, mais par contre, ça bug pas mal quand même : quand on affiche le menu déroulant, il ne s'efface pas toujours, il reste des "morceaux" ... Ca ne fait pas très propre...
20. 12/06/2009
Je n'arrive pas à mettre le menu horizontal dans l'ordre.
Comment cela se fait il ?
21. 19/06/2009
merci davance
22. 12/04/2012
Slt, je suis sur un projet et j'aimerai qu'on m'aide à implémenter un menu tout horizontal aussi le menu se déroule verticalement comportant ainsi des éléments. En plus lorsque le curseur arrive au niveau d'un élément du menu une couleur apparaît. J'espère que vous pourriez m'aider. Je compte aussi sur les réponses de tout un chacun. Merci
23. 13/04/2012
@Traore : je vous invite à contacter le support technique via votre manager pour obtenir de l'aide.