$ 5.00

Tuto Mise en forme de la scrollbar en CSS avec CSS

$ 5.00

  • Une formation vidéo de 15m42s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto en vidéo, nous allons apprendre à manipuler la barre de scroll qui apparaît à droite de la fenêtre de notre navigateur lorsque l'information dépasse la hauteur de la fenêtre courante.
Cette manipulation de la barre de scroll se fera au travers du langage CSS.
Je vais vous montrer comment nous pouvons agir sur sa largeur ainsi que sur sa couleur.
Je vais également vous montrer comment créer un effet au moment du scroll, grâce aux ombres portées.

Je mets à votre disposition l'ensemble des codes de ce tuto.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Si vous souhaitez en apprendre plus sur le HTML et le CSS je vous propose cette formation complète.

Table des matières de cette formation CSS (durée : 15m42s)

    • Mise en place du HTML 00:02:33
    • Mise en place du CSS de base 00:03:09
    • Modification de la largeur et de la couleur du scroll 00:03:26
    • Mise en place d'une ombre portée 00:05:13
    • Conclusion 00:01:21



Formateur : Carl Brison

Carl Brison a publié 166 tutoriels et obtenu une note moyenne de 4,9/5 sur 11 228 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-3200-4567 laissé le 04/07/2020
    Encore un super tuto j'en profite pour te demander pense tu faire un tuto pour déclencher des animations aux scroll en javascript ? Il y en a mais comme tu tu enseignes super bien ce serait cool que tu nous briefes sur ce thème ... Merci encore pour tout ce que tu fait pour nous ... j'ai acheté le dernier tuto que tu as fait sur GIT et GITHUB ! je suis super content car je l'attendais ;)
    "Merci beaucoup pour ton super commentaire ;-) Je suis actuellement en train d'enregistrer une formation entièrement dédiée au JavaScript moderne. Elle sera dispo dans quelques temps. Puisque tu me l'as demandé, je viens d'ajouter un exercice lié au scroll exprès pour toi (il sera dans le module 6 de la formation JavaScript moderne). Merci beaucoup pour ta fidélité ;-) Carl."

  • 5
    avis de valerie-a77 laissé le 01/07/2020
    Un petit tuto très simple et qui permet d'avoir de jolies barres de scroll à nos pages web :-) Je connaissais et utilisais autrefois ce système mais après plusieurs années sans coder je ne connaissais pas ces 2 sélecteurs et forcément ça ne fonctionnait plus. Merci Carl pour cette bonne idée, car je me disais bien qu'il devait y avoir un truc pour pouvoir le faire comme avant. :-)
    "Vous avez parfaitement raison ! Ce fut une grande mode à une époque. Merci beaucoup pour votre commentaire, Valérie ;-)"

  • 5
    avis de ddumasdr laissé le 01/07/2020
    En fait, plutôt que 5 étoiles, j'en aurai mis 4,5 si cela était possible car il manque la façon de résoudre avec FIREFOX qui ne connait pas le styling de "scrollbar" encore aujourd'hui.
    "Merci pour votre commentaire. Il n'y a actuellement aucune solution pour Firefox"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le code source du tuto.
accédez à plus de 1202 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données