Mettre en place une navigation par icône en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Mettre en place une navigation par icône en CSS

Carl Brison
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tutoriel vidéo, je vous propose d'apprendre à mettre en place un menu de navigation par icône qui contiendra également des effets de survol modernes. Cette barre de navigation sera évidemment responsive afin qu'elle puisse d'adapter à toutes les situations.

La technologie utilisée pour les besoins de cette formation en ligne, sera du CSS et uniquement du CSS ! Pas de langage de programmation. Du code simple et ultra léger.

Nous ferons appel aux positionnements CSS ainsi qu'au Flexbox.

Si vous avez besoin de réviser les positionnements CSS ainsi que les flexbox, je mets à votre disposition des tutoriels traitant précisément de ces sujets :

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Présentation du travail à réaliser
Leçon 2
Mise en place du HTML
Leçon 3
Mise en place des items de la nav
Leçon 4
Grossissement des items
Leçon 5
Apparition du H4 et du span
Leçon 6
Mise en place du responsive
Leçon 7
Conclusion

Plan détaillé du cours

Leçon 1Présentation du travail à réaliser
02m18s
Leçon 2Mise en place du HTML
06m22s
Leçon 3Mise en place des items de la nav
10m
Leçon 4Grossissement des items
07m38s
Leçon 5Apparition du H4 et du span
04m12s
Leçon 6Mise en place du responsive
04m39s
Leçon 7Conclusion
02m20s

Aperçus

Avis des apprenants

Détail des avis
29
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 10/08/2021
Un petit retour au CSS avec une petite barre de navigation plutôt sympa. Le CSS permet de faire tellement de choses. Pas facile les positionnements, j'ai peut-être besoin d'une révision, je les utilise rarement :-) Merci pour ce partage.
Carl Brison
Carl Brison
Merci à vous Valérie ;-)
Jean-Philippe Eschrich
Jean-Philippe Eschrich
Publié le 20/11/2020
N'étant pas complètement débutant en Css, j'apprends toujours des règles dont j'ignorais l'existence, merci à vous pour cet excellent tutoriel, 5 étoiles !
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)
Audrey Schaffter
Audrey Schaffter
Publié le 14/08/2020
Un petit tuto aussi rafraîchissant et pétillant qu'un cocktail estival ! Concocté par le toujour brillant, Carl Brison et servi on the rock, avec une rondelle de citron ! 100% pur fun, 0% d'alcool. À consommer sans modération !
Carl Brison
Carl Brison
C'est très joliment dit !!! Merci beaucoup ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Que contient le fichier source ?

Le code source de ce tutoriel.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données