Créer des menus déroulants sur son site internet

menuderoulant

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 :

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:

menudroulantssrub

menus déroulants menus horizontaux nouveautés

Commentaires (23)

1. arnaud-k 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. Tony 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. pinpointing 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. Baptiste 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. webmaster 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. Christophe 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. pacha 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. Tony 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. artmebarki 29/04/2009

rss du blog...comment abboner

10. athletesmondiaux 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. Florian Roméo 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. abdel0000 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. btscisaintmarc 11/05/2009

bonjour!

félicitation pour cette nouvelle application, le site est tellement plus clair maintenant!

14. samet 13/05/2009

tropc bien

15. toro35 15/05/2009

c'est bien pratique.

16. Gyves 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. planeteinconnue 10/06/2009

Le menu déroulant passe en dessous de mes vidéos

18. HerrKacou 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. Loick 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. parti-du-respect 12/06/2009

Je n'arrive pas à mettre le menu horizontal dans l'ordre.

Comment cela se fait il ?

21. lamine-benji 19/06/2009

merci davance

22. TRAORE 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. tony-samson 13/04/2012

@Traore : je vous invite à contacter le support technique via votre manager pour obtenir de l'aide.

Ajouter un commentaire
Connexion

 

Mot de passe oublié ?