Dans ce cours en ligne, je vous propose d'apprendre comment créer une sidebar sans langage de programmation, et uniquement du langage CSS !
Cette sidebar nous permettra de gagner de la place sur la largeur de l'écran, en affichant par défaut que des pictogrammes.
C'est en passant le pointeur de la souris sur la sidebar que nous verrons alors apparaître les liens de notre menu de navigation.
Ce type de menu en sidebar est beaucoup utilisé dans les interfaces d'administration. De plus, cela permet de donner un effet moderne et agréable en terme ergonomique. Vous pourrez ainsi proposer ce type de navigation moderne à vos clients ou bien l'appliquer à vos propres développements.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Je fournis les codes de ce tuto CSS avec le tuto.
Table des matières de cette formation CSS, HTML (durée : 32m20s)
-
- Mise en place du code HTML 00:09:03
- Mise en forme de la Sidebar avec le CSS 00:11:25
- Fonctionnement de la Sidebar 00:05:47
- Ajouter une zone article à côté de la Sidebar 00:06:05
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Excellent tuto, une très bonne application du HTML et CSS. Toujours ravi de suivre tes tutos Carl. Toujours claire et précis dans tes explications. Bonne continuation et à un prochain tuto!
-
Très bien ce tuto. Mon point faible : le overflow:hidden et le z-index. Je n'y pense jamais et surtout comment ou quand les utiliser. Deux propriétés pourtant formidables :-) Cela fait une page avec une belle sidebar complètement responsive sans utiliser les media queries. Merci et à bientôt Carl ;-)
-
Simple, clair et efficace. Merci
-
Avec quelles versions de logiciels ce tuto est-il compatible ?HTML 5, CSS 3
-
Que contient le fichier source ?Le code complet de ce tutoriel
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés