Astuces Technologie

Créer un menu Apple en CSS3

Rédigé par X3SED

 

Cette nuit je préfère sortir mes vieux (+ & -) dossiers et je vous propose un petit tutorial ou plutôt un code pour avoir une barre menu Apple rien qu’en CSS3.

Bon avant tout, je sais que cet article n’aura pas vraiment un grand succès, les Geeks au Maroc se font rares =D! Mais prenez le comme un petit cadeau de ma part, ça aidera les quelques visiteurs Webmasters (ou ça les incitera à oublier l’Oldy CSS).

Voici le code CSS à enregistrer dans un fichier “style.css”, mettez le dans le dossier /css:

style

Après il vous suffit d’ajouter le logo et la loupe dans un dossier /images

Maintenant, il ne reste plus que l'index à écrire (index.html):
index
Voilà tout est fait. Voici pour les flemmards qui veulent le tout en un seul morceau:
Menu_apple
 
A Plush Les LGeeks ^^.

À propos de l'auteur

X3SED

Internaute passionné par le Web 2.0, Webmastring, Design, électronique et tout ce qui va avec un LGeek digne de ce nom. Entre autres, je suis "X" suivant des études supérieurs.
Mes Liens : Google | Twitter | Facebook

4 Commentaires

Répondre à Fanone X