Un menu en CSS sprite
22 janvier 2010Aujourd’hui Webdeez vous propose de créer une superbe barre de bouton pour faire un menu en CSS sprite, (CSS : “Cascading Style Sheets”, abrégé CSS - feuilles de style - langage qui permet de gérer la présentation d’une page Web) avec un rendu très graphique et un rendu vraiment sympathique . Merci Deepubalan.com !
Qu’est-ce que CSS sprite?
CSS sprites est une méthode pour réduire le nombre d’images appelées sur une page web, en combinant plusieurs images en une seule et permettre ainsi d’afficher la partie désirée en utilisant les propriétés CSS : background-image et background-position
Cool sprites est un pack de quatre versions différentes du même menu. Le PSD de Photoshop est également disponible pour téléchargement, de sorte que vous pouvez le personnaliser selon vos besoins. Comme ce menu dépend beaucoup de l’image de fond, vous aurez besoin de personnaliser l’image à modifier l’étiquette du lien, la couleur, taille, etc.
Un petit exemple de code HTML :
<div class= “navi1″>
<ul>
class= <li “sm1″> <a href= “#”> </ a> </ li>
class= <li “sm2″> <a href= “#”> </ a> </ li>
class= <li “sm3″> <a href= “#”> </ a> </ li>
class= <li “sm4″> <a href= “#”> </ a> </ li>
class= <li “sm5″> <a href= “#”> </ a> </ li>
</ ul>
</ div>
Pour voir exactement l’effet, il suffit de vous rendre sur le site de Deepubalan.com afin de voir une démo des différents menus CSS cool stripes que vous pourrez réaliser, et pouvoir aussi télécharger les codes CSS, HTML, images ainsi que le PSD Photoshop 
Amusez-vous bien et faites de beaux menus 
Et si cet article vous a plu, vous pouvez lire aussi :
Commentaires
3 Réponses to “Un menu en CSS sprite”
-
S'abonner :
-
Articles récents
-
Catégories
-
Archives
-
Copinage
-
Blablabla
Twittez-moi :
Blogs a visiter
Partenaires
Rétrolien de uberVU - social comments déposé le 22 janvier 2010
Commentaire de Cédric d'Autour du Tuto déposé le 20 octobre 2010
Commentaire de Audrey déposé le 25 octobre 2010