avatar
AlyssYui
Invité
# Personnalisation de la srollbar le Mer 30 Jan 2013 - 23:00

Scrollbar personnalisable sur tout le forum.

Créée par: AlyssYui | Validé par: Madouce | Difficulté: Facile | Navigateurs: tous | Versions: toutes


Rendu


Spoiler:

Présentation du tutoriel


Voici une façon d'embellir vos scrollbars en toute simplicité !

Explications




Un petit merci rendra les explications visibles !
Si vous avez une question sur ce tuto, cette section est disponible.
avatar
Sexe : Féminin
Date d'inscription : 08/01/2012
Messages : 11420
# Re: Personnalisation de la srollbar le Jeu 31 Jan 2013 - 13:15
Merci du partage, mais ce message aura plus sa place dans les Tutos que dans le LS. Je déplace dans la partie adéquate
avatar
Sexe : Féminin
Date d'inscription : 20/04/2012
Messages : 424
Fidèle au poste !
Voir le profil de l'utilisateurhttp://maya-no-monogatari.skyrock.com
# Re: Personnalisation de la srollbar le Dim 3 Fév 2013 - 15:12
Merci beaucoup! Je cherchais ça! ;)
avatar
Sexe : Féminin
Date d'inscription : 29/11/2012
Messages : 74
Newbie
Voir le profil de l'utilisateur
# Re: Personnalisation de la srollbar le Sam 9 Fév 2013 - 12:03
Ça rendera certainement beaucoup plus joli sur les codes de présentation et tout :D
Merci beaucoup beaucoup :D
avatar
Sexe : Féminin
Date d'inscription : 08/01/2013
Messages : 45
Newbie
Voir le profil de l'utilisateur
# Re: Personnalisation de la srollbar le Lun 11 Fév 2013 - 22:11
Merci ! ♥
avatar
Invité
Invité
# Re: Personnalisation de la srollbar le Dim 17 Fév 2013 - 15:16
merci
avatar
Invité
Invité
# Re: Personnalisation de la srollbar le Dim 24 Fév 2013 - 11:13
Merci. ♥
avatar
Sexe : Féminin
Date d'inscription : 19/02/2013
Messages : 78
Newbie
Voir le profil de l'utilisateur
# Re: Personnalisation de la srollbar le Mer 27 Fév 2013 - 21:25
Superbe, merci pour ce partage =3
avatar
Sexe : Masculin
Date d'inscription : 13/04/2012
Messages : 440
Fidèle au poste !
Voir le profil de l'utilisateurhttps://www.emmanuelbeziat.com
# Re: Personnalisation de la srollbar le Jeu 28 Fév 2013 - 10:14
Je me permet d'intervenir : Il est évident que cela ne fonctionnera que sous Chrome/Safari (et bientôt Opera) puisque le code est fait pour WebKit, à savoir le moteur de rendu de ces navigateurs ; les propriétés sont d'ailleurs préfixées -webkit-, et les appels d'éléments à des fonctions dédiées ::webkit.

Voilà une liste des propriétés pour IE : http://www.startyourdev.com/css/style-css-scrollbar.php
Et pour Firefox : http://support.mozilla.org/fr/questions/775958

Il faut savoir également que l'édition des scrollbar n'est PAS une bonne idée (j'y reviendrais) et que par conséquent, leur stylisation n'est pas prévue par le W3C, les propriétés trouvables pour chaque navigateur ne sont donc pas standardisées, et n'ont aucune "obligation" d'être fonctionnelles.

Ensuite, il vaut mieux éviter ça :
Code:
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;

Les propriétés préfixées sont des versions mal implémentées qui datent du début de l'implémentation de la propriété en question. Il faut donc toujours utiliser la propriété finale après les propriétés préfixées. Dans le cas de border-radius, la finale est supportée depuis de nombreuses versions, il n'y a donc même plus besoin de versions préfixées.
Du reste, sachant que seul webkit interprète les éléments ::webkit, il est de toute façon inutile de mettre des propriétés pour Firefox avec -moz-.

Remplace-le donc par simplement ceci :
Code:
  border-radius: 15px;

Comme je le disais plus haut, si les scrollbar ne sont volontairement "normalement" pas stylisables, c'est pour une question d'accessibilité - les mêmes raisons pour lesquelles il n'est pas recommandé de modifier un curseur. Imaginez que j'ai un handicap visuel, j'ai donc réglé mon système d'exploitation (Windows, au hasard) pour que les scrollbar soient larges afin d'être tout de suite visibles, et mon curseur également réglé au plus imposant avec un contraste fort pour que je puisse le garder en vue. Je peux donc naviguer tranquillement, et j'arrive sur un forum où mon curseur par défaut et remplacé par un minuscule (et souvent moche) que le webmaster a jugé bon de mettre, et des scrollbars de 3px de large que je ne peux pas repérer. Je n'ai plus qu'à quitter la page...
C'est ça l'accessibilité : Penser à tous ceux qui naviguent sur internet. C'est donc à chacun de choisir ce qu'il fait avec son site, l'auteur du tutoriel ne fais que vous fournir des outils. ;)

Voilà, merci à toi, néanmoins pense à modifier ton post avec ces nouvelles informations pour le rendre compatible IE/FF ;)
avatar
Sexe : Féminin
Date d'inscription : 08/11/2012
Messages : 64
Newbie
Voir le profil de l'utilisateur
Merci ! ;]
avatar
Sexe : Féminin
Date d'inscription : 01/03/2013
Messages : 317
Fidèle au poste !
Voir le profil de l'utilisateurhttp://graphstudio.forumactif.org/
Merci
avatar
Sexe : Féminin
Date d'inscription : 26/11/2012
Messages : 149
Membre timide
Voir le profil de l'utilisateur
Merki ^^
avatar
Sexe : Masculin
Date d'inscription : 11/02/2013
Messages : 2073
Very Important People
Voir le profil de l'utilisateur
Merci trés cher
avatar
Sexe : Féminin
Date d'inscription : 27/01/2013
Messages : 87
Newbie
Voir le profil de l'utilisateur
Merci !! =D
avatar
Sexe : Féminin
Date d'inscription : 12/11/2012
Messages : 90
merci
avatar
Invité
Invité
Yay! Merci beaucoup, ça va bien m'aider ^w^
avatar
Sexe : Féminin
Date d'inscription : 09/03/2013
Messages : 246
Membre timide
Voir le profil de l'utilisateur
# Re: Personnalisation de la srollbar le Ven 15 Mar 2013 - 22:19
/!\Merci/!\
avatar
Invité
Invité
# Re: Personnalisation de la srollbar le Dim 17 Mar 2013 - 21:10
Merci :)
avatar
Sexe : Féminin
Date d'inscription : 23/01/2013
Messages : 13
Newbie
Voir le profil de l'utilisateur
# Re: Personnalisation de la srollbar le Sam 23 Mar 2013 - 11:21
Merci, j'en avais marre de ce scroll tout moche par défaut :D !!! C'est superbe !
avatar
Invité
Invité
# Re: Personnalisation de la srollbar le Sam 23 Mar 2013 - 15:36
Merci beaucoup, depuis le temps que je cherchais ça sur Google! C'est jolie ~
avatar
Sexe : Féminin
Date d'inscription : 22/03/2013
Messages : 84
# Re: Personnalisation de la srollbar le Sam 23 Mar 2013 - 20:58
Merci ! C'est pratique.
avatar
Sexe : Féminin
Date d'inscription : 17/11/2012
Messages : 51
Newbie
Voir le profil de l'utilisateurhttp://lgdc-c.forumactif.com
# Re: Personnalisation de la srollbar le Dim 24 Mar 2013 - 14:42
Guyaaaaaaaaahhh ! Depuis le temps que je cherche comment faire ! Mille fois merci ! :3
avatar
Sexe : Féminin
Date d'inscription : 17/04/2013
Messages : 70
Newbie
Voir le profil de l'utilisateurhttp://fairies-force.forumgratuit.be/
# Re: Personnalisation de la srollbar le Lun 22 Avr 2013 - 12:02
Merci ^^
avatar
Invité
Invité
# Re: Personnalisation de la srollbar le Mar 23 Avr 2013 - 14:18
Oh j'adore ! Merci *.*
avatar
Invité
Invité
# Re: Personnalisation de la srollbar le Mar 23 Avr 2013 - 14:34
Voyons voir si sa fonctionne cette fois. Merci :D

EDIT> malheureusement,pour moi cela ne fonctionne pas, et ce, même en suivant les information sur les liens pour firefox.. :S
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum