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

openElement

 > Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS - Fixer mon menu
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Fixer mon menu
 Répondre Répondre Page  12>
Auteur
Message
  Sujet Recherche Sujet Recherche  Options des sujets Options des sujets
fayrow allez vers le bas
Newbie
Newbie


Depuis le: 10 Juil 2014
Status: Inactif
Points: 8 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer fayrow Citer  RépondreRéponse Lien Direct à ce Post Sujet: Fixer mon menu
    Envoyé : 10 Juil 2014 à 15:50
Bonjour,

Je suis débute à peine dans la création de site web et j'aurai aimé connaître le script pour fixer le menu de ma page même en cas de scroll

J'ai inséré un panneau d'éléments en haut de la page et j'ai ensuite inséré des boutons liens pour les différentes pages. Je souhaite maintenant qu'il soit fixe et ne bouge plus même après un scroll

Merci par avance pour vos réponses
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é : 10 Juil 2014 à 16:38
Il suffit de rajouter un code CSS :
#WE6a9103a10f {
  position:fixed;
}
en remplaçant dans le code ci-dessus l'ID (en gras) par celui de ton élément.
Haut de la page
fayrow allez vers le bas
Newbie
Newbie


Depuis le: 10 Juil 2014
Status: Inactif
Points: 8 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer fayrow Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Juil 2014 à 02:41
Merci beaucoup pour la réponse.

Malheureusement ça ne fonctionne pas ! Je dois mal m'y prendre :

Je glisse un code source sur la zone sélectionnée (Pour info, pour créer mon menu j'ai inséré un panneau d'éléments tout en haut et j'ai ensuite ajouté des boutons) je choisis CSS et je colle le code que vous m'avez donné avec l'ID du panneau. Sauf qu'une petite icône jaune "attention" apparaît : "don't use ID selectors". 

Je valide donc j'active le code mais rien ne se passe, au contraire ça me décale mon autre panneau en dessous :s

Merci beaucoup
Haut de la page
fayrow allez vers le bas
Newbie
Newbie


Depuis le: 10 Juil 2014
Status: Inactif
Points: 8 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer fayrow Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Juil 2014 à 02:47
J'ai réessayé sans le # c'est ce qui effectivement affichait le message attention mais par contre toujours rien :s 
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é : 12 Juil 2014 à 09:11
mets ton menu dans un bloc d'éléments, et notes son ID, et mets le code que t'a donné Larsène, ca fonctionne parfaitement.

Le mien (en CSS/Head)

#WE58b23ba051 {position:fixed; left:auto;}
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é : 12 Juil 2014 à 09:44
Le "don't use ID selector" est une indication d'optimisation du code, en effet, cette technique est plus gourmande en ressource lors de la génération de la page, mais elle fonctionne parfaitement.

On pourrait également procéder via une classe à définir, mais pour un seul élément, j'ai du mal à voir l'intérêt.

Si cela ne fonctionne pas, donne-nous l'adresse de ton site, qu'on puisse voir si l'intégration est correcte...
Haut de la page
fayrow allez vers le bas
Newbie
Newbie


Depuis le: 10 Juil 2014
Status: Inactif
Points: 8 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer fayrow Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Juil 2014 à 14:37
Bonjour merci beaucoup pour vos réponses. Mon site actuellement n'est pas en ligne, il est en cours de construction.

Petite question : Y-a-til autre chose que le menu popup ou accordeon ? 

Je vous détaille ce que j'ai fait :

1) j'ai commencé avec une page vierge où j'ai inséré tout en haut un panneau d'élément qui va me servir de menu
2) j'ai ensuite glissé mon logo dans le panneau d'élément puis des boutons liens pour chaque page de mon site.

Est-ce que je m'y suis mal pris ?

Merci beaucoup pour vos réponses, c'est très gentil à vous
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é : 13 Juil 2014 à 10:13
même en cours de construction, tu as bien un hébergement, non ? sans cela ...

... va faire un tour ici ;-)
Haut de la page
fayrow allez vers le bas
Newbie
Newbie


Depuis le: 10 Juil 2014
Status: Inactif
Points: 8 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer fayrow Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Juil 2014 à 15:10
Bonjour,

Voilà je l'ai mis en ligne pour une version test pour que vous puissiez voir si l'intégration est correcte.

www.mystujob.com
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é : 13 Juil 2014 à 16:51
Je suis désolé, mais je ne vois pas le code nécessaire... dans ton cas, sur le calque, il devrait y avoir un élément "code source" qui contiendrait :

#WE1ec6441ffd{position:fixed; left:auto; z-index:10000!important;}


... et je ne le vois pas ...


Edité par Larsene - 13 Juil 2014 à 17:46
Haut de la page
 Répondre Répondre Page  12>
  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.063 secondes.