-
FAQ
Parles-tu des menus coulissants ? Pour ça tu as besoin de code CSS et HTML je vais te les donner :
Donc pour le HTML :
<div id="menugauchecoulissant" style="top: Ypx;"><a href="Lien-de-la-page-ou-tu-veux-aller-en-cliquant"><span style="color: #ffffff;"><img style="float: right;" src="Lien-de-ton-image" alt="" width="X" height="X" /></span></a></div>Donc tu répètes ce code pour chaque menus.
Au Y tu mets la distance avec le haut de ta page et tes menus.
Les X sont les dimensions de tes menus (les images)
Mets ce code dans un des modules de tes ou ton menu pour qu'il soit présent dans chaque page.
Maintenant pour le CSS :
#menugauchecoulissant {
boder-radius: 8px 0px 8px 8px;
box-shadow: white;
position: fixed;
width: 45px;
height: 100px;
top: 100px;
left: 0px;
padding: 0px 0px 0px 6px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#menugauchecoulissant:hover {
width: 196px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
box-shadow: #93ed11;
}Donc ça c'est mon code mais en gros tout les chiffres tu peux les modifier.
border-radius c'est si tu veux les coins de tes menus arrondis. (comme les miens)
box-shadow : ombre
Width-height-top-left : je ne sais pas trop ce que c'est mais touche s'y pas au cas ou et si c'est pas comme tu veux tu modifieras ;)
Padding n'ont plus je ne me souviens plus mais ça aussi je crois que tu n'y touches pas ;)
Les trucs de transition-duration : c'est la vitesse du "coulissant" en gros que ça ouvre
menugauchecoulissant tu peux aussi le mettre à droite tu remplace gauche par droite.
Hover: c'est quand il est ouvert.
Voilà c'est tout :) j'espère que ça t'aidera et si y'A quelque chose qui marche pas tu me le diras ;)
Fancyfii
Ajouter un commentaire
Yosh!
J'ai une question,comment a tu fait pour mettre les menus sur le côté du blog???
Merci...