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

Commentaires

  • arnaud-k

    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 !

  • Tony
    • 2. Tony Le 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...!

  • pinpointing

    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

  • Baptiste

    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...

  • webmaster

    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?

  • Christophe

    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

  • pacha

    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

  • artmebarki

    rss du blog...comment abboner

  • athletesmondiaux

    Merci pour cette nouvelle option !!! Je l'ai utilisée sur mon site : http://www.athletesmondiaux.com/

    J'attends la prochaine nouveauté avec impatience... ;-)

  • Florian Roméo

    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/

  • abdel0000

    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

  • btscisaintmarc

    bonjour!

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

  • samet
    • 13. samet Le 13/05/2009

    tropc bien

  • toro35

    c'est bien pratique.

  • Gyves
    • 15. Gyves Le 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...

  • planeteinconnue
    • 16. planeteinconnue Le 10/06/2009

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

  • HerrKacou

    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!

  • Loick
    • 18. Loick Le 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...

  • parti-du-respect

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

    Comment cela se fait il ?

  • lamine-benji

    merci davance

  • TRAORE
    • 21. TRAORE Le 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
  • tony-samson
    @Traore : je vous invite à contacter le support technique via votre manager pour obtenir de l'aide.
  • Cécile
    Bonsoir, et avec la nouvelle version on fait comment ?

    Merci.
  • Jérémy
    • 24. Jérémy Le 18/04/2013
    Bonjour Cécile.

    Voici un tutoriel pour vous expliquer comment mettre en place un menu déroulant sur votre site

    http://www.e-monsite.com/pages/tutoriels/menus-et-navigation/creer-un-menu-deroulant.html
  • Céline
    Bonsoir,
    J'aimerais que mon menu verticale soit déroulant comme le menu horizontal qui marche très bien. Or lorsque j'ai activé la fonction, lorsqu'on clique sur l'onglet page qui s'affiche, rien ne se déroule. Il faut cliquer sur le titre de la catégorie pour faire apparaitre la liste de pages. Ce n'est pas vraiment ce que j'attendais dans la forme.
    Est-ce que j'aurais oublié une manipulation?

    En vous remerciant
    Céline
  • emilie
    @Céline : Afin de mieux cerner votre demande, je vous invite à ouvrir une discussion sur le support en ligne accessible depuis votre manager dans "Aide >Support en ligne > Autre sujet". Nous vous apporterons une réponse rapidement.

Voir plus de commentaires

Ajouter un commentaire

Code incorrect ! Essayez à nouveau