recherche ou dev sous menu

Imprimé depuis: Forum openElement
Categorie:

openElement

Nom du Forum: Code (JS, PHP, CSS etc.), techniques etc.
Description du Forum: Discussions concernant le développement Web en général
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=20623
Date: 19 Avr 2024 à 19:14
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com

Sujet: recherche ou dev sous menu

Posté par: brolysan
Sujet: recherche ou dev sous menu
Posté le: 14 Mar 2015 à 11:16

Bonjour,

comme je l'ai évoqué dans un autre topic, et Larsène semble avoir une "piste" mais je ne vais pas le harceler pour ca, je cherche à faire un sous menu un peu plus fourni que nos menus habituels (que ce soit sous OE ou en simple CSS).

un http://revolution.themepunch.com/jquery" rel="nofollow - exemple précis ici et un https://www.ovh.com/fr/index.xml" rel="nofollow - autre la aussi (plus sympa mais plus complexe) et http://www.ansonika.com/edu/#" rel="nofollow - celui la aussi .

A priori, il semble possible de le faire dans OE, mais mes tentatives ont échouées.

Soit je me rabats sur un déjà développé et je le paye (mais la aussi, pas trouvé...), soit si certains se sentent l'âme de m'aider. Smile

Merci d'avance.

Mise à jour :

http://forum.openelement.com/fr/forum_posts.asp?TID=20623&PID=128367&title=recherche-ou-dev-sous-menu#128367" rel="nofollow - solution de Larsène

http://forum.openelement.com/fr/forum_posts.asp?TID=20623&PID=128342&title=recherche-ou-dev-sous-menu#128342" rel="nofollow - Solution de Nico38

Réponses:

Posté par: Dmit OE
Posté le: 14 Mar 2015 à 15:30

Bonjour,

Pourquoi ne pas utiliser l'element Modal Popup, mettre dedans tout ce que vous voulez (les textes et les liens)?

Posté par: Maurice306
Posté le: 14 Mar 2015 à 16:23

Salut brolysan,

Tu as regardé de ce coté : http://mobile.jquery-fr.com/demos/widgets/panels/" rel="nofollow - http://mobile.jquery-fr.com/demos/widgets/panels/

Il y aurait peut être possibilité d'adaptation

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

Posté par: brolysan
Posté le: 15 Mar 2015 à 10:24

Dmit OE a écrit:

Bonjour,

Pourquoi ne pas utiliser l'element Modal Popup, mettre dedans tout ce que vous voulez (les textes et les liens)?

l'élément modal...pour le fermer, obligation d'utiliser la croix. pas du tout cohérent pour un sous menu non? Embarrassed

Posté par: brolysan
Posté le: 15 Mar 2015 à 10:27

au pire, si quelqu'un connait un plugin (même payant) pour réaliser ce type de menu (sous menu), je suis partant. même si j'aurais préférer que l'on trouve une solution pour et ensuite l'incorporer dans OE par la suite.

Posté par: Dmit OE
Posté le: 15 Mar 2015 à 11:51

Menu Popup n'est pas trop adapte, mais on peut le forcer de se comporter "correctement".

Cliquez sur le fameux bouton rouge dans l'Editeur, pour selectionner sa Zone, puis dans Styles->Personnalisation mettez Visibilite en Masque.

Maintenant, pour fermer le menu en cliquant n'importe ou, ajoutez un Bloc de Code Javascript Header:


$(function(){
  
  $('body').click(function(){
    if ($('#WEModal').is(':visible')) {
      $('#WEModal').find('.OESZ_CloseZone').click();
    }
  });
  
});

Pour mettre au bon endroit, il suffit de le mettre dans un Panneau d'elements, et positionner ce panneau comme il faut (on peut mettre le declencheur dans le meme panneau, par exemple).

Posté par: Dmit OE
Posté le: 15 Mar 2015 à 11:52

Sinon, on peut programmer un Panneau d'elements a s'ouvrir et se fermer, un peu de la meme maniere.

Posté par: MicroVinc
Posté le: 15 Mar 2015 à 12:00

Dmit OE a écrit:

Sinon, on peut programmer un Panneau d'elements a s'ouvrir et se fermer, un peu de la meme maniere.

+1, je pensais à la même chose... En tout cas la piste que j'aurai appliqué et que j'applique dans le livre d'or...

-------------
-Éléments pour OpenElement : https://goo.gl/Wq3Cpp" rel="nofollow - ICI
-Tutoriels pour OpenElement : https://goo.gl/NdpS1i" rel="nofollow - ICI

La Bretagne, un État dans l'État

Posté par: Maurice306
Posté le: 15 Mar 2015 à 12:03

Ce serait chouette d'avoir la possibilité d'utiliser un menu comme ça où on pourrait y placer du texte et des images, sur tout pour des sites avec beaucoup d'infos ou de pages.

Je pense que plus d'un serait intéressé.

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

Posté par: brolysan
Posté le: 15 Mar 2015 à 17:54

plus qu'a faire quelques tests alors.

Je vais déjà commencer par la première solution de Dmit.

Et si Dmit a une solution pour la deuxième, je suis preneur (ou MicroVinc Wink

)

Posté par: brolysan
Posté le: 15 Mar 2015 à 18:14

premier test...non concluant.

Dés que j'ai renommé l'élément WEModal pour activer la fonction, celui ci disparait complément et/ou ne s'active pas.

bizarre...

Posté par: Larsene
Posté le: 15 Mar 2015 à 18:16

ou encore faire simplement ses panneaux d'éléments.

Au survol/clic sur un des éléments déclenchant un menu, un jquery.hide{} sur une classe perso .menu affectée à tous les panneaux d'éléments composant les menus et un show sur l'élément #WEmenu1 (par exemple).

Posté par: brolysan
Posté le: 15 Mar 2015 à 18:27

Larsene a écrit:

ou encore faire simplement ses panneaux d'éléments.

Au survol/clic sur un des éléments déclenchant un menu, un jquery.hide{} sur une classe perso .menu affectée à tous les panneaux d'éléments composant les menus et un show sur l'élément #WEmenu1 (par exemple).

on se moque pas, mais j'ai compris la moitié....ca doit être dimanche, c'est pour ca... Ouch

et si je veux que mon bouton ayant la fonction jquery hide ai aussi la fonction show...? Avec toggle?

Juste un peu de mal avec le bon code ID d'OE en fait....

Posté par: Maurice306
Posté le: 15 Mar 2015 à 18:32

brolysan a écrit:

on se moque pas, mais j'ai compris la moitié....ca doit être dimanche, c'est pour ca... Ouch

T'en fais pas il va y avoir un tuto dans l'air Wink

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

Posté par: brolysan
Posté le: 15 Mar 2015 à 18:47

voila ce que j'ai fait (faute de mieux pour l'instant).

bloc de code (source) en js/head :

$(document).ready(function(){

$("#WE23a79898c3").hide();

$("#WEc51af67a13").click(function(){

$("#WE23a79898c3").toggle(1000);

});

~~il me reste a faire maintenant un fade in/out sur l'élément~~ ~~#WE23a79898c3~~ (résolu) ~~et à ce qu'il soit cacher par défaut~~ (résolu).

Mais le fade avec la fonction toggle est assez bizarre comme effet, je ne sais pas si on peut faire mieux.

Ensuite, à ce qu'il se ferme si j'active un autre menu ayant un autre bloc d'élément.

pas sorti de l'auberge donc.

Sinon, http://meganavbar.com/index.html#" rel="nofollow - j'ai trouvé ca ...

[/QUOTE]

T'en fais pas il va y avoir un tuto dans l'air Wink

[/QUOTE]

Ca serait bien effectivement, un petit tuto. Je pense que ca serait un gros plus dans OE de pouvoir faire des menus de ce style !!!

Posté par: nico38
Posté le: 15 Mar 2015 à 19:48

On peut faire rapidement avec OE pour les sous-menus. Je fais ça :

- 1 panneau d'élément (relatif)
- dans le panneau je mets mes "menus" : plusieurs boutons lien ("article"/"contact" etc....)
(je peux du coup avec oe sois mettre les sous rubrique en dessous ou à coté)
- je met le panneau en invisible (décocher visible)

- un bloc de code pour faire apparaître le sous-menu sur un clic/survol :

$(function(){
$('.rubrique-dec, .rubriques-survol').mouseover(function(){
$('.rubriques-survol').show().css('visibility', 'visible');
});
$('.rubrique-dec, .rubriques-survol').mouseleave(function(){
$('.rubriques-survol').css('visibility', 'hidden');
});
});
$(function(){
$('.rubrique-dec').click(function(){
$('.rubriques-survol').show().css('visibility', 'visible');
});
$('.rubrique-dec').mouseleave(function(){
$('.rubriques-survol').css('visibility', 'hidden');
});
});

.rubrique-dec = class de l'élément qui déclenche l'apparition du sous-menu
.rubriques-survol = class du panneau relatif

la 1ere partie du code pour faire apparaitre le menu lors d'un survol
la 2ème partie pour faire apparaitre le menu lors d'un clic (utile pour mobile)

Posté par: Maurice306
Posté le: 15 Mar 2015 à 19:58

J'ai suivi Dmit, voilà ce que j'ai fait mais impossible de faire disparaitre la croix de fermeture ni de supprimer l'image : http://www.vacances-classees.com/Test.htm" rel="nofollow - http://www.vacances-classees.com/Test.htm

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

Posté par: nico38
Posté le: 15 Mar 2015 à 19:58

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

http://www.lashermes.com//dossier-test/menu-relatif.htm" rel="nofollow - 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)

Posté par: nico38
Posté le: 15 Mar 2015 à 20:50

. http://www.lashermes.com//dossier-test/menu-relatif.htm" rel="nofollow -

Posté par: Larsene
Posté le: 15 Mar 2015 à 22:24

Maurice306 a écrit:

T'en fais pas il va y avoir un tuto dans l'air Wink

hum, hum ... tu pensais à qui ? Party

je pensais à un truc assez basique par mon explication ...

http://stalagtic.com/Menus.htm" rel="nofollow - http://stalagtic.com/Menus.htm

un peu plus de 3 min (compte peut être 6 min), mais en affinant t'arrive au truc demandé, non ?

Posté par: Dmit OE
Posté le: 15 Mar 2015 à 22:57

Les trucs de 6 min, ici, ca dure.. )

Posté par: brolysan
Posté le: 16 Mar 2015 à 00:30

Larsene a écrit:

Maurice306 a écrit:

T'en fais pas il va y avoir un tuto dans l'air Wink

hum, hum ... tu pensais à qui ? Party

un tuto Larsène alors... Big smile

Posté par: Larsene
Posté le: 16 Mar 2015 à 08:12

Est-ce que la soluce te va ?

T'as pas fait un clic droit --> Examiner l'élément ? Geek

Posté par: brolysan
Posté le: 16 Mar 2015 à 09:17

non, j'ai pas fait un clic droit (encore sur ta soluce), je suis passé en coup de vent, même pas eu le temps de remercier tout le monde.

Oui ta soluce me convient Thumbs Up

les deux mêmes.

faut juste que je look ce que tu as fait (aussi Nico d'ailleurs) et que je reproduise ca correctement.

Posté par: Maurice306
Posté le: 16 Mar 2015 à 10:15

nico38 a écrit:

On peut faire rapidement avec OE pour les sous-menus. Je fais ça :

Bonjour à tous,

Nico38, j'ai regardé tes exemples, c'est pas mal du tout ton menu modal je supose que tu as utilisé celui de OE, j'ai procédé ainsi sur mon test mais j'ai deux réflexions :

- chez toi (ci c'est bien fenêtre modal pop-up de OE) tu as réussi à supprimer l'image crois de fermeture, mais comment faire pour fermer ? ;

- dans mon exemple, avec la fenêtre modal pop-up, je n'ai pas réussit à supprimer la croix de fermeture, mais il se ferme en cliquant n'importe où dans le menu ou le panneau d'élément qui recevra les divers objets.

Y a t-il une solution à cela, J'ai vu que le modèle de Larsene est super, mais trop technique pour que je pige tout.

Cordialement

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

Posté par: Larsene
Posté le: 16 Mar 2015 à 10:37

1- tu composes tes menus comme tu le souhaites, visuellement, dans OpenElement, en les plaçant indifféremment sur la page/calque. Prendre juste le soin de renommer les ID des éléments (WEMenuAccueil, etc.) et de placer les panneaux de chaque menu dans la classe menu

2- tu renommes les ID de chaque bouton d'appel pour tes menus de façon mnémotechnique (WEBoutonAccueil, WEBoutonContact, etc.)
3- tu repères la position où tu souhaites positionner tes menus. et adapte le code CSS suivant (qui va déplacer les menus et les masquer) :

.menu{
left:0px !important;
  top:60px !important;
  display:none;
  z-index: 9999 !important;
   
}

4 - Pour chaque bouton d'appel de menu, tu rajoutes le code jquery (code javascript / Endbody) suivant en adaptant le nom des menus (affichage/masquage des menus):

$( "#WEBoutonAccueil" ).hover(
  function() {
  $( ".menu").hide();
  $( "#WEMenuAccueil" ).show();
  }
);

5- tu rajoutes un code de masquage des menus lorsque la souris quitte les menus (une seule fois) :

$( ".menu" ).hover(
  function() {
},
  function() {
    $( ".menu").hide();
  }
);

Rappel de l'adresse où l'on peut voir cette démo : http://stalagtic.com/Menus.htm" rel="nofollow - http://stalagtic.com/Menus.htm

Posté par: Larsene
Posté le: 16 Mar 2015 à 10:43

Maurice306 a écrit:

Y a t-il une solution à cela, J'ai vu que le modèle de Larsene est super, mais trop technique pour que je pige tout.

C'est quand même une solution rapide (pas parfaite), mais super simple, qui en plus permet de ne pas se prendre la tête et de faire ses menus en WYSIWYG dans OpenElement ...

... mais je pense que je devrais sérieusement me pencher sur l'éditeur d'élément pour ce genre de truc ...

Posté par: brolysan
Posté le: 16 Mar 2015 à 11:48

effectivement. Pouvoir l'intégrer dans l'éditeur d'OE.

La solution aussi de Nico serait à proposer.

Posté par: brolysan
Posté le: 16 Mar 2015 à 12:20

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

http://www.lashermes.com//dossier-test/menu-relatif.htm" rel="nofollow - 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)

Ta version aussi est pas mal Nico38, tu peux poster le tuto aussi?

Posté par: brolysan
Posté le: 16 Mar 2015 à 12:34

un petit problème Larsène, ton sous menu ne disparait que si l'on passe sous le bloc d'élément, et non à côté (gauche ou droite). Normal?

Posté par: Maurice306
Posté le: 16 Mar 2015 à 12:58

Larsene a écrit:

1- tu composes tes menus comme tu le souhaites,
Rappel de l'adresse où l'on peut voir cette démo : http://stalagtic.com/Menus.htm" rel="nofollow - http://stalagtic.com/Menus.htm

Tu es de ceux qui sont super sur ce forum, de nous donner tant de bonnes choses.

Je n'en ai pas besoin tout de suite, peut être changer celui de l'assos, mais je vais m'y pencher dessus c'est toujours intéressant d'avoir ce type de tuto, ça pourra être rediffusé ultérieurement.

Merci

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

Posté par: Larsene
Posté le: 16 Mar 2015 à 13:44

brolysan a écrit:

un petit problème Larsène, ton sous menu ne disparait que si l'on passe sous le bloc d'élément, et non à côté (gauche ou droite). Normal?

Oh, on peut, bien sûr ! je te laisserai le soin d'adapter le code en fonction ^^

Posté par: brolysan
Posté le: 16 Mar 2015 à 14:09

je look ca...lol

Posté par: brolysan
Posté le: 16 Mar 2015 à 14:38

allez, je complique encore plus...

Sur mon calque principal, je suis parti comme ca.

xbody 100%

Dedans, j'ai créé plusieurs bloc d'éléments (aussi à 100% pour pouvoir gérer des bandes de couleurs plein écran).

Dans chaque bloc d'éléments, j'ai ajouté un autre bloc d'éléments que j'ai centré horizontalement et dont j'ai spécifié la largeur (1080px).

Le menu principal est dans un des blocs d'éléments.

Si je veux un sous menu, comment faire pour qu'il reste aligner avec le bouton déclencheur?

Posté par: Larsene
Posté le: 16 Mar 2015 à 17:05

Tu veux m'envoyer ton projet ? là, ça me parle pas trop ...

L'idée d'un menu, c'est quand même qu'il soit sur un calque, indépendant - le plus possible - du contenu, non ?

Posté par: brolysan
Posté le: 16 Mar 2015 à 17:34

Larsene a écrit:

Tu veux m'envoyer ton projet ? là, ça me parle pas trop ...

L'idée d'un menu, c'est quand même qu'il soit sur un calque, indépendant - le plus possible - du contenu, non ?

Je t'envoi en MP.

Posté par: Maurice306
Posté le: 16 Mar 2015 à 19:27

Larsene a écrit:

1- tu composes tes menus comme tu le souhaites,

C'est chouette, mais je passe à coté de quelque chose parce que rien ne fonctionne. Cry

J'ai mis ma page test pour curiosité http://www.vacances-classees.com/Test-2" rel="nofollow - http://www.vacances-classees.com/Test-2

Mais je crois que je resterais sur le plus simple. Disapprove

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

Posté par: MicroVinc
Posté le: 16 Mar 2015 à 19:32

Dans un premier temps enlever le . devant menu de la classes personnalisés...

-------------
-Éléments pour OpenElement : https://goo.gl/Wq3Cpp" rel="nofollow - ICI
-Tutoriels pour OpenElement : https://goo.gl/NdpS1i" rel="nofollow - ICI

La Bretagne, un État dans l'État

Posté par: Maurice306
Posté le: 16 Mar 2015 à 22:39

Merci MicroVinc,

C'est tout bon, comme dans le tuto il y avait le point devant "menu" je l'ai mis.

Il faut croire que les points ne me conviennent pas ici c'est une affaire de points et lors du livre d'or j'avais aussi un PB de points.

En tout cas on remarque de suite la classe Thumbs Up

Bonne soirée V...t

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

Posté par: Larsene
Posté le: 16 Mar 2015 à 22:49

bonne soirée ! Cool

Posté par: Maurice306
Posté le: 17 Mar 2015 à 01:28

Bonjour à tous,

Quelle joie de voir que mes essais d'ouverture et de fermeture sont concluants, mais il y a comme un petit bug. Je tente de le positionner sur le site de l'assos, mais ................!

J'ai positionné des images dans le panneau d'éléments "menu", avec une couleur de fond, pour ouvrir les pages concernée, c'est là qu'il y a PB, l'ensemble du bloc "menu" à l'ouverture reste désespérément en dessous des différent texte et autres qui sont sur les pages.

J'ai tenté les différentes positions sur le calque comme sur les pages "en avant" "en arrière" etc. mais rien ne change, là je sature un peu et suis incapable de trouver la faille.

Si quelqu'un avait une idée lumineuse ce serait parfait.

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

Posté par: MicroVinc
Posté le: 17 Mar 2015 à 07:10

Il faut forcer le calque menu en css :
z-index: 10000;

Posté par: Larsene
Posté le: 17 Mar 2015 à 08:25

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.

Posté par: Larsene
Posté le: 17 Mar 2015 à 08:55

brolysan a écrit:

allez, je complique encore plus...

Sur mon calque principal, je suis parti comme ca.

xbody 100%

Dedans, j'ai créé plusieurs bloc d'éléments (aussi à 100% pour pouvoir gérer des bandes de couleurs plein écran).

Dans chaque bloc d'éléments, j'ai ajouté un autre bloc d'éléments que j'ai centré horizontalement et dont j'ai spécifié la largeur (1080px).

Le menu principal est dans un des blocs d'éléments.

Si je veux un sous menu, comment faire pour qu'il reste aligner avec le bouton déclencheur?

solution envoyée en MP ^^

Posté par: Maurice306
Posté le: 17 Mar 2015 à 09:00

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

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

Posté par: Larsene
Posté le: 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;
   
}

Posté par: Maurice306
Posté le: 17 Mar 2015 à 09:10

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

Posté par: Maurice306
Posté le: 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 !!!

Posté par: MicroVinc
Posté le: 17 Mar 2015 à 09:33

Il manque ; après display:none

-------------
-Éléments pour OpenElement : https://goo.gl/Wq3Cpp" rel="nofollow - ICI
-Tutoriels pour OpenElement : https://goo.gl/NdpS1i" rel="nofollow - ICI

La Bretagne, un État dans l'État

Posté par: Maurice306
Posté le: 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 !!!

Posté par: brolysan
Posté le: 17 Mar 2015 à 14:16

parti en vacances Nico??

Posté par: Larsene
Posté le: 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 ?

http://forum.openelement.com/fr/forum_posts.asp?TID=20623&PID=128367&title=recherche-ou-dev-sous-menu#128367" rel="nofollow - Solution de Larsène

Posté par: brolysan
Posté le: 17 Mar 2015 à 14:39

je m'en occupe de suite.

Posté par: nico38
Posté le: 18 Mar 2015 à 01:10

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)