Scrollbar

Par touvok, il y a 14 ans


Bonjour,
Apres avoir passé du temps à créer un design de mon site web, je me retrouve avec une horrible scrollbar grise.
Comment faire pour créer une scrollbar personnalisée en HTML et CSS pour l'ensemble des navigateurs (IE, Chrome, F.Fox.....).
Merci d'avance.

9 réponses

touvok, il y a 14 ans

Idem, comme un dessin est plus explicite que des grandes explication voici mon PSD en jpeg.

Hotgeart, il y a 14 ans

@touvok : ton design est facilement extensible en hauteur. Ta scroollbar sert a rien.

SwithFr, il y a 14 ans

Je suis d'accord pour ce tuto, j'ai le même problème d'une scrollbar toute moche...

SwithFr, il y a 14 ans

Pour ma part pas celle du navigateur enfin si. Mais j'ai une div avec du contenu scrollabe mais avec cette scrollbar toute moche et trop épaisse ça décale mon contenu et c'est vraiment pas terrible ^^

Grafikart, il y a 14 ans

Tu veux dire changer la scrollbar du navigateur ? ça me semble vraiment se faire ch*** pour pas grand chose

SwithFr, il y a 14 ans

@Hotgeart ton lien est pas mal mais j'ai pas trouvé d'explications pour l'intégration. Je suis pas spécialement doué en intégration mon truc c'est le design.

touvok, il y a 14 ans

voici une partie des explications mais le code fonctionne seulement avec les navigateurs Webkit. pour navigateur Webkit.
Pour IE va voir ici
J'ai créé dans mon css 2 codes un pour IE et l'autre pour navigateur Webkit, j'ai encore quelques détails à régler mais le résultat est bien.