-
Déplacer et rendre fixe un menu
Vous voulez que votre menu soit fixe et suive la page ? Il suffit de coller le code ci-dessous :
Je précise que ce code peut aussi réduire la hauteur ou la largeur du menu, d'où son extrême efficacité :)
En orange, préciséz le menu1 ou le menu2. En rouge, c'est ce qui permet à votre menu de rester fixe (donc, à ne pas enlever)
EN vert, c'est pour définir la position de votre menu sur votre page. Vous pouvez mettre des valeurs positives ou négatives.
Puis en bleu, ce sont les valeurs qui permettent de régler la largeur et la hauteur de votre menu.
#menu1 { position: fixed;
margin-top: -350px;
margin-left: -330px;
width: 300px;
height: 400px;
overflow: auto;
}
Tags : déplacer et rendre fixe un menu code CSS, spiritual screen site de code css et de tutos, small ghost
-
Commentaires
COmme tu peux le constater, je l'ai mis et je trouve ça très pratique :) et il prend peu de place maintenant le menu.
L'idée de mettre une scrollbar au menu est vraiment très bonne, ça économise plein de place ! Et comme tu as des onglets coulissants en haut de la page, c'est encore mieux pour s'y retrouver :)
Je t'avoue que ce ne sont pas des onglets coulissants mais un menus basique :) j'ai trouvé cette technique sur mon blog test en faisant un peu tout et n'importe quoi. Tu définis la hauteur et la largeur de ton menu de l'en tête et dans le menu survolé, tu met des marges intérieurs (j'ai mis 30 px de marges intérieures pour le haut et 10 px pour le bas :)) ce qui donne un effet d'onglet coulissants
Ah ouais, je n'y avais pas pensé ! C'est une super bonne idée, surtout pour les débutants en CSS qui ont du mal à faire des onglets coulissants ; tu devrais faire un tuto là-dessus ! On n'y voit que du feu ;)
J'ai beaucoup de tutoriels a faire en ce moment mais j'essaye aussi de faire quelques dessins aussi pour compléter un peu les rubriques que les gens réclament. Après, je travaille donc j'ai un peu de mal a trouver du temps libre :) Mais oui, je comptais bien faire une rubrique "Astuces Eklablog".
Je suis actuellement barman :) Si tu veux, va jeter un coup d'oeil à la rubrique Administrateur.
Oui :) c'est plutot pas bien : travailler à mi temps, puis discuter avec des gens un peu tout en étant tranquille et dans une petite rue calme (à Paris, quand même ^^) sans devoir passer par des grands espaces publics bourrés de monde.
Ajouter un commentaire
Un code bien pratique si on veut personnaliser ses menus ! Je ne le connaissais pas :) Je ne pense pas l'utiliser sur mon blog, mais si je change de design à l'occase, ça pourrait m'être bien utile !