openElement

Créer un nouveau sujet

Version imprimable

Traduction Sujet

Dmit OE

Admin Group

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971

Options des messages

Citer Dmit OE

Thanks(0)

Citer

Réponse

Envoyé : 15 Mar 2015 à 22:57

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

brolysan

Admin Group

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144

Options des messages

Thanks(0)

Citer

Réponse

Envoyé : 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

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

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 ?

un tuto Larsène alors... Big smile

Larsene

Admin Group

Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388

Options des messages

Citer Larsene

Thanks(0)

Citer

Réponse

Envoyé : 16 Mar 2015 à 08:12

Est-ce que la soluce te va ?

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

Edité par Larsene - 16 Mar 2015 à 08:15

brolysan

Admin Group

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144

Options des messages

Thanks(0)

Citer

Réponse

Envoyé : 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.

Edité par brolysan - 16 Mar 2015 à 09:19

Maurice306 allez vers le bas

Senior Member

Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066

Options des messages

Citer Maurice306

Thanks(0)

Citer

Réponse

Envoyé : 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 !!!

Larsene

Admin Group

Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388

Options des messages

Citer Larsene

Thanks(0)

Citer

Réponse

Envoyé : 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

Edité par Larsene - 17 Mar 2015 à 11:21

Larsene

Admin Group

Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388

Options des messages

Citer Larsene

Thanks(0)

Citer

Réponse

Envoyé : 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 ...

Edité par Larsene - 16 Mar 2015 à 11:10

brolysan

Admin Group

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144

Options des messages

Thanks(0)

Citer

Réponse

Envoyé : 16 Mar 2015 à 11:48

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

La solution aussi de Nico serait à proposer.

brolysan

Admin Group

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144

Options des messages

Thanks(0)

Citer

Réponse

Envoyé : 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

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?

brolysan

Admin Group

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144

Options des messages