[Résolu] Menu Manager : expand au hover - Version imprimable +- Forum CMS Made Simple FR (https://www.cmsmadesimple.fr/forum) +-- Forum : Général (https://www.cmsmadesimple.fr/forum/forum-3.html) +--- Forum : Graphisme (https://www.cmsmadesimple.fr/forum/forum-9.html) +--- Sujet : [Résolu] Menu Manager : expand au hover (/thread-1270.html) Pages :
1
2
|
[Résolu] Menu Manager : expand au hover - SamLi - 06/06/2011 Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~ Hello, Je refais complètement mon site et je voulais poser une petite question: Je souhaite me servir de menumanager pour faire un menu vertical. J'aimerais que lorsque je passe la souris sur un bouton pointant vers une page parente, les enfants glissent dessous en décalant le reste du menu vers le bas. Exemple Parent 1 Parent 2 Parent 3 Je passe la souris sur le 1 Parent 1 Enfant 1 Enfant 2 Parent 2 Parent 3 Etc.. Par contre le menu doit rester quand même compris dans une certaine dimension que je définierai en fonction des parents et enfants. Est-ce que c'est faisable ou il faudra obligatoirement cliquer sur une page parente pour que les enfants se déroulent? Merci [Résolu] Menu Manager : expand au hover - bess - 06/06/2011 installe une nouvelle version en local pour tester et regarde toi même les pages. il existe des solutions toutes prêtes [Résolu] Menu Manager : expand au hover - SamLi - 07/06/2011 Hello, Je développe justement en local. De solution toute prête parles-tu ? [Résolu] Menu Manager : expand au hover - kraygoon - 07/06/2011 Ca peut être entièrement réalisable en CSS. En CSS2, tu auras un décalage vers le bas sans animation. En CSS3, et pour peu que ton navigateur le supporte, tu pourras en plus rajouter une animation. Éventuellement un amélioration progressive en Javascript pour les navigateurs ne supportant pas les animations CSS3. En CSS tout se fait grâce à la propriété :hover, tu définies une classe "parent" sur un parent... Et tu définis les éléments de niveau 2 en "display:none". Au :hover sur ton élément parent tu fais çà : li.parent:hover > ul { display : block ; } Donc au survol ton menu enfant apparaitra. J'ai fais court, très succinct mais si tu as besoin plus d'infos reviens ici :-) [Résolu] Menu Manager : expand au hover - SamLi - 07/06/2011 Hello, Je m'imaginait bien que ça se faisait un CSS, j'ai un peu d'expérience la dedans, mais j'étais pas sur de la manière de m'y prendre exactement. Merci de tes aiguillages. Je pensais justement regarder au niveau du Css3, je suis pas encore très famillier.. Qu'est-ce que ça apporte niveau animation? J'ai un eu fait des recherches sur le support, il semble que ça soit pas encore génial pour IE (Font chier >.<) même 8,9 .. Par contre au niveau du Javascript pour contrer justement ce non support, si tu veux bien j'aimerais bien plus d'info.. je ne suis pas vraiment famillier de cette méthode. Merci beaucoup! Samy [Résolu] Menu Manager : expand au hover - Jean le Chauve - 07/06/2011 Le cms te permet d'incorporer 99% des menus disponibles sur le web. Trouves-en un qui te plait, donne-nous le code html et la css et on t'aidera pour l'incorporer. Des exemples ici : http://www.cssplay.co.uk/menus/index.html et ici : http://www.dynamicdrive.com/dynamicindex1/ [Résolu] Menu Manager : expand au hover - SamLi - 07/06/2011 hello, Je souhaiterai quelque chose du genre fonctionnalité, http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-urban.htm bien sur j'adapterai le design.. Je souhaite aussi me servir du css3 par exemple pour decaller de facon un peu fluide mon "texte" bouton, ou ajouter une luminescence. [Résolu] Menu Manager : expand au hover - Jean le Chauve - 07/06/2011 Le même style de menu sans JavaScript : css 3 http://www.cssplay.co.uk/menus/css3-image-slide-vertical.html http://www.cssplay.co.uk/menus/css3-slideout.html css 2 http://www.cssplay.co.uk/menus/dl-slide.html http://www.cssplay.co.uk/menus/concertina-slide.html http://www.cssplay.co.uk/menus/current-slide.html http://www.cssplay.co.uk/menus/vertical-concertina.html http://www.cssplay.co.uk/menus/concertina-scroll.html http://www.cssplay.co.uk/menus/slide_fly.html [Résolu] Menu Manager : expand au hover - SamLi - 07/06/2011 Oui quelque chose dans ces goûts là.. [Résolu] Menu Manager : expand au hover - Jean le Chauve - 07/06/2011 Lequel s'approche le plus ? [Résolu] Menu Manager : expand au hover - SamLi - 07/06/2011 Salut, http://www.cssplay.co.uk/menus/dl-slide.html Celui là, sauf que j'aimerais animer à la CSS3 (plus fluide) si c'est pas trop problématique pour IE >.< Ou au pire CSS2 pour IE et CSS3 pour les autres. [Résolu] Menu Manager : expand au hover - Jean le Chauve - 07/06/2011 Je peux t'aider à intégrer le code de ce menu. Code : <div id="positioner"> Code : /* ================================================================ Si tu veux du sur-mesure, tu dois me donner le code html statique de ton menu. Là, je pourrai t'aider à l'intégrer dans le menumanager pour le rendre dynamique. [Résolu] Menu Manager : expand au hover - SamLi - 07/06/2011 Merci infiniement de ton aide.. Si tu me le propose gentillement : Code : <ul id="menu"> Merci, vraiment ! :-) [Résolu] Menu Manager : expand au hover - Jean le Chauve - 07/06/2011 Il est incorrect : plusieurs id identiques. [Résolu] Menu Manager : expand au hover - SamLi - 07/06/2011 Je vois pas le problème.. Si je veux appliquer un code css à tout les #enfants par exemple? [Résolu] Menu Manager : expand au hover - bess - 08/06/2011 Citation :Je vois pas le problème.. si tu vois pas de soucis, nous si. un id en html se doit d'être unique, ce n'est donc pas une condition, c'est une obligation [Résolu] Menu Manager : expand au hover - kraygoon - 08/06/2011 Ce que veut dire Bess, c'est que ton ID devrait être une classe : <li class="parent"> [Résolu] Menu Manager : expand au hover - Jean le Chauve - 08/06/2011 Autre chose : les li enfants ne devraient-ils pas être en second niveau : Code : <ul> [Résolu] Menu Manager : expand au hover - SamLi - 08/06/2011 bess a écrit :Citation :Je vois pas le problème.. Hello, @BESS, je viens en effet de me rendre compte que depuis mes débuts en html,j e confondais les 2.. J'avais jamais vraiment saisi que l'id était unique et on jouait au niveau de la class. Par contre j'ai l'impression (j'espère me tromper) que le ton était légèrement agressif.. Que t'ai-je donc fait? :/ @Jean le Chauve. Merci, en effet, c'est vrai que ta proposition est bien plus convenable et mea culpa pour les id. Donc : Code : <ul id=menu> Au niveau de la page selectionné, oui je pense je vais surement faire varier un peu le style du bouton pour une page active. Merci d'avance ! [Résolu] Menu Manager : expand au hover - bess - 08/06/2011 Citation :Par contre j'ai l'impression (j'espère me tromper) que le ton était légèrement agressif.. pas agressif, mais je tiens à marquer fermement ce que certains prennent trop a la légère comme les normes Xhtml, CSS & co tu ne savais pas, soit. Mais imagine toi bien que certaine personnes n'hésitent pas à cracher sur les normes et s'étonnent ensuite que ca ne marche pas (ou pas bien). Or, vu que c'est pas toi qui va coder mais Jean le Chauve, je pars du principe qu'il faut être clair et factuel : attention, une norme ca ne se contourne pas en informatique, ca se respecte. donc non : pas agressif [Résolu] Menu Manager : expand au hover - SamLi - 08/06/2011 Hello, Je comprends ton point de vue, j'essaye vraiment de faire des choses propres dans la limite de mes moyens et des problèmes rencontrés notamment avec les navigateurs. Donc comme déjà dit à Jean le Chauve, meaculpa, je me suis fourvoyé pendant pas mal d'années en html. Par contre, j'ai appris ça comme j'ai pu, j'ai quelques connaissances dans le web mais je ne suis pas dans ce milieu et je fais ça que de temps en temps à but personnel je dirais. Voilou, je préférais mettre les choses un peu plus au clair parce que le ton qui se dégageait de ta phrase ne me semblait pas trop "amical". [Résolu] Menu Manager : expand au hover - bess - 08/06/2011 pas de soucis samli. Encore une fois, toi : Citation :tu ne savais pas, donc le ton sec ne t'es pas destiné. Personne ici n'a commencé sa vie avec un diplôme d'ingé développeur web, tu te formes, tu te trompes, c'est naturel et je me vois mal te reprocher cela puisqu'il y a l'effort de ta part de t'améliorer. maintenant je suis et resterais toujours méfiant envers les mauvais ouvriers du net, et régulièrement nous en avons un ou deux qui débarque et débarqueront encore PS : eux par contre pourront se sentir clairement visé :lol: [Résolu] Menu Manager : expand au hover - SamLi - 08/06/2011 Pas de soucis [Résolu] Menu Manager : expand au hover - Jean le Chauve - 08/06/2011 Tu as vraiment besoin d'une id ET d'une classe ??? Montre-moi ta css (uniquement celle du menu, bien entendu). [Résolu] Menu Manager : expand au hover - SamLi - 08/06/2011 Non non, ca ira sans class, je ferais un truc du genre Code : #menu li {} Le CSS, je l'ai pas encore écrit. Il est dans ma tête.. |