BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

 > Web Café > Code (JS, PHP, CSS etc.), techniques etc.
  Nouveaux messages Nouveaux messages Fil RSS - recherche ou dev sous menu
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

recherche ou dev sous menu
 Répondre Répondre Page  123 6>
Auteur
Message inverser le tri
  Sujet Recherche Sujet Recherche  Options des sujets Options des sujets
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Sujet: recherche ou dev sous menu
    Envoyé : 18 Mar 2015 à 01:10
Message posté par brolysan brolysan a écrit:

parti en vacances Nico??


Je suis là lol. J'ai bien reçu ton MP

Pour ce que j'ai dit et pour tous les futurs oesien je ferai un tuto vidéo bien propre accompagné du tuto "écrit, ça va plus vite.

ps : ma "soluce" permet aussi de réaliser les menus proposés par Larsene, suffit juste de mettre le panneau en absolute (ou en relative avec plusieurs panneaux dedans)


Edité par nico38 - 18 Mar 2015 à 01:56
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 17 Mar 2015 à 14:39
je m'en occupe de suite.
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 17 Mar 2015 à 14:26
Hmmm,

peut-être éditer le premier post pour rajouter des liens directs vers les posts des solutions proposées par Nico38 et Larsène serait une bonne idée ?

Solution de Larsène
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 17 Mar 2015 à 14:16
Message posté par nico38 nico38 a écrit:

et juste le temps d'écrire voilà en 3 minutes (chrono vraiment) comment faire un sous-menu sans l'élément pop up

page-test
j'ai pu me permettre de mettre une couleur différente pour chaque sous menu + une couleur de la police au survol etc... (j'ai fait vite mais on peut faire encore mieux : au niveau de la "base" comme au niveau jquery)

ps : de plus c'est personnalisable à volonté.

il suffit juste de cliquer sur le panneau relatif et de mettre la police/couleur/taille de la police pour que tous les sous-menu prenne la même forme = pas besoin de cliquer sur eux 1 par 1 ! Et on peut personnaliser chaque sous menus (sous menu différents en taille/couleur/ etc..)

 edit : mettre le panneau en hauteur automatique = pas besoin de se poser de question
avec si quelqu'un comprend pas et veut un tuto complet mieux expliqué sur les possibilités c'est possible

la variante: c'est pour montrer qu'on peut individualisé les sous-menus (liberté totale)



parti en vacances Nico??
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 17 Mar 2015 à 09:43
haaaaaa !!, Je comprend pourquoi il y a un œil comme avatar Wink

C'est tout à fait ça !Thumbs Up je corrige mon tuto, et je pense que Larsene va faire idem.

Je fignole (vite fais) et je mets en ligne, "pour les aficionados"
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
MicroVinc allez vers le bas
Moderator Group
Moderator Group


Depuis le: 21 Août 2012
Pays: Bretagne
Status: Inactif
Points: 4460 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 17 Mar 2015 à 09:33
Il manque ; après display:none
-Éléments pour OpenElement : ICI
-Tutoriels pour OpenElement : ICI


La Bretagne, un État dans l'État
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 17 Mar 2015 à 09:18
Dans le dernier script c'est les deux points qui créent l'erreur alors que ceux du dessus il y a juste un avertissement (triangle)
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 17 Mar 2015 à 09:10
Message posté par Larsene Larsene a écrit:

dans le code CSS, hein, pas dans le code javascript ... Party 
.menu{
left:0px !important;
  top:60px !important;
  display:none
  z-index: 9999 !important;
   
}


OUI, OUI c'est ce que j'ai fait mais ??

.menu{
left:2px !important;
  top:102px !important;
  display:none
  z-index: 9999 !important;
  
}
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 17 Mar 2015 à 09:05
dans le code CSS, hein, pas dans le code javascript ... Party 
.menu{
left:0px !important;
  top:60px !important;
  display:none;
  z-index: 9999 !important;
   
}



Edité par Larsene - 17 Mar 2015 à 11:20
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 17 Mar 2015 à 09:00
Message posté par Larsene Larsene a écrit:

Oui MicroVinc a raison. Je raijouterais juste le hack !important : 
z-index: 10000 !important;

J'ai édité le code CSS de ma proposition rapide en ce sens.

heuuuuuu ?? Confused j'ai modifié le script en conséquence, la ligne est mise en erreur par la croix rond rouge et pratiquement ça donne rien Wacko


Edité par Maurice306 - 17 Mar 2015 à 09:02
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
 Répondre Répondre Page  123 6>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.078 secondes.