Créer des menus déroulants sur son site internet
Posté le 24. avr, 2009 par Tony Samson dans Nouveauté
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:
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 !
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…!
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
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…
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?
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
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
@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)
rss du blog…comment abboner
Merci pour cette nouvelle option !!! Je l’ai utilisée sur mon site : http://www.athletesmondiaux.com/
J’attends la prochaine nouveauté avec impatience… ;-)
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/
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
bonjour!
félicitation pour cette nouvelle application, le site est tellement plus clair maintenant!
tropc bien
c’est bien pratique.
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…
Le menu déroulant passe en dessous de mes vidéos
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!
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…
Je n’arrive pas à mettre le menu horizontal dans l’ordre.
Comment cela se fait il ?
merci davance