CSS, améliorer facilement le visuel des liens d'une barre de nav
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO CSS, améliorer facilement le visuel des liens d'une barre de nav

Carl Brison
8,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto en vdidéo je vous propose de voir comment il est possible de pouvoir améliorer visuellement l'expérience utilisateur en mettant en place une barre horizontale au dessus de chaque lien d'une barre de navigation, lorsque le pointer de la souris passe sur ces liens.

Pour mettre en place cette petite animation sympathique, nous allons utiliser exclusivement le langage CSS et notamment les pseudo éléments.
Grâce à nos connaissances dans la bonne exploitation du langage CSS, nous allons pouvoir effectuer cette petite animation en quelques lignes de codes CSS.
Un petite QCM vous permettra de valider vos connaissances.

Pour bien asseoir ses connaissances en CSS, je vous propose ensuite d'enchaîner sur les tutos suivants :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mettre en place les bases de notre document
Leçon 2
Mise en forme générale
Leçon 3
Mise en place des pseudo éléments
Leçon 4
Faire fonctionner notre CSS
Leçon 5
Pour aller plus loin

Plan détaillé du cours

Leçon 1Mettre en place les bases de notre document
05m52
Leçon 2Mise en forme générale
07m31
Leçon 3Mise en place des pseudo éléments
08m29
Leçon 4Faire fonctionner notre CSS
03m34
Leçon 5Pour aller plus loin
01m32

Avis des apprenants

Détail des avis
64
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 01/10/2021
Voilà des nouvelles idées pour présenter nos barres de nav :-) Comme toujours chaque détail est expliqué clairement, ce qui facilite aussi la prise de notes. Merci Carl, je ne me lasse pas de vous suivre.
Carl Brison
Carl Brison
Merci Valérie, votre commentaire me fait super plaisir ;-)
Richard Anctil
Richard Anctil
Publié le 14/09/2021
Dans votre QCM, vous avez interverti Before (avant) et After (après) et çà fausse les réponses. Mais pour le tuto, j'adore, toujours un petit plus.
Carl Brison
Carl Brison
Merci ! Je vais corriger ça tout de suite

Vos questions sur le cours

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

CSS

Que contient le fichier source ?

Le code source complet de ce tutoriel

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 8,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1402 tutos gratuits

Notre politique de protection des données