scrollbar personnaliséeRésolu

Question

***salut à tous !***

Je cherche à créer une scrollbar (verticale) perso sur un site ....
quelqu'un peut m'aider?

 :shy)

cs_KapS · Accepted Answer

ou en moins gros, tu rajoutes ça dans le head de chaque page ou si t as une feuille de style, mets seulement BODY... jusqu a } t as qu as changé le code couleur, et tu verras ce que tu dois changer... voilou http://kaps.over-blog.com http://perso.wanadoo.fr/110-aube_site

malalam · Answer

Hello,

tu veux personnaliser la barre de scroll existante sur ton navigateur (ca c'est facile!), ou tu veux te recreer entierement une barre (ca c'est un peu plus complique) ?

cs_sissou34 · Answer

*** Salut Malalam ! ***
je cherche à créer une scrollbar entièrement personnalisée... si possible et pas trop compliqué... à partir d'éléments graphique que j'ai préalablement créés.
 :shy)

coucou747 · Answer

faut chercher dans les CSS
 SCROLLBAR-DARKSHADOW-COLOR: #ff7700;
 SCROLLBAR-3DLIGHT-COLOR: #ff7700;
 SCROLLBAR-FACE-COLOR: #0077ff;SCROLLBAR-TRACK-COLOR: #77aaff;

en gros...

In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy

http://coucou747.hopto.org

cs_sissou34 · Answer

*** Bonsoir à tous !! ***

Alors là,... merci beaucoup à vous tous de votre participation !!!
C'était pas vraiment ce que je demandais (je voulais que mon curseur de défilement ressemble à une boule qui glisse le long d'un fil)... mais bon... celà a l'air assez compliqué pour quelqu'un qui "programme" depuis peu !!!
Je me contenterai donc avec satisfaction de vos propositions....

J'essaye dès demain (au boulot...)

A bientôt !
 :shy)

malalam · Answer

Re,

tien :  ce que tu peux faire avec le style (CSS) cursor:
auto  : Shows it according to how the viewer has it set (plain)  
crosshair  : Looks like a cross  
default  : Makes the cursor stay the same  
move  : Looks like you should be moving something  
hand  : The hand you usually see over links  
help  : A question mark beside the arrow  
text  : The bar you see when the mouse is over text  
wait  : The "waiting" hourglass!  
n-resize :  An arrow- North  
s-resize : An arrow- South  
e-resize : An arrow- East  
w-resize : An arrow- West  
ne-resize : An arrow- NorthEast  
nw-resize : An arrow- NorthWest  
se-resize  : An arrow- SouthEast  
sw-resize  : An arrow- SouthWest  

A utiliser comme ca (par exemple hein) : 
[aide.html Aide sur ce site]

Mais je ne crois pas qu'on puisse charger un curseur personnalise (comme par exemple une bulle...)

malalam · Answer

Mais ca va pas plaire a Coucou, il me semble que ce n'est pas portable. (ca marche sous IE je suppose, le reste je ne sais pas, jamais teste ce truc).

cs_sissou34 · Answer

*** Salut Malalam !***

Je me suis surement mal exprimée: ce que j'apelle "curseur de défilement" c'est la barre verticale qui est verte sur ce site...

... c'est peut être faisable en flash ?
 
 :shy)

coucou747 · Answer

lol, j'ai une réputation de portabilitée moi ??

SVP pas de troll, j'en ai trop lancé...

In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy

http://coucou747.hopto.org

malalam · Answer

>Coucou747

Chais pas si T portable, mais tu fonctionnes au moins sur Konqueror ;-)

>Sissou34

Sans aucun doute! C'est aussi faisable en javascript ceci dit, mais bon courage (il faut tout refaire : creer une barre en fait) (et c'est pareil an Flash, faut tout recreer, mais la c'est un peu plus simple).

coucou747 · Answer

Konquerr et mozilla

In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy

http://coucou747.hopto.org

cs_sissou34 · Answer

SUPER !!!

alors, comment je peux faire en flash ?

 :shy)

malalam · Answer

Oulo, va sur le form flash lol. C pas mon truc Flash. Mais quand on sait s'en servir...c'est simple et drolement chouette.

cs_sissou34 · Answer

merci beaucoup Malalam pour ton aide !

 a bientôt !

 :shy)

coucou747 · Answer

le seul défaut de flash, c'est qu'il est long au téléchargement (et que tout le monde n'a pas le plugin...)

In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy

http://coucou747.hopto.org

cs_sissou34 · Answer

yep !...
Mais la plupart des éléments de mon site sont en flash !
... le seul truc, c'est que je veux faire une scrollbar indépendante au flash...
en fait, je veux garder le système de la scrollbar originelle... mais en en modifiant l'aspect....
... c'est pas très clair...
 :shy) 

ps: dreamweaver permet de télécharger le plugin flash sans que l'utilisateur s'en apperçoive ;°)

coucou747 · Answer

(plein de post pour ne voir la question clairement posée que maintenant...)

Pour les solutions portable CSS voir plus haut

pour les solutions non portables, pseudo_JS_de_IE voir plus haut

In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy

http://coucou747.hopto.org

malalam · Answer

Tu vois, coucou, on sent presque un renaclement de dedain quand tu parles de non portabilite ;-)

Chuis d'accord pour Flash. C'est tres joli (quand on sait s'en servir), mais c'est parfois un peu lourd.

cs_sissou34 · Answer

***Salut!***

je reconnais que c'est rageant quand notre site change suivant l'environnement....

D'ailleurs, est-ce que l'un d'entre vous sais comment concerver une police non classique dans un site en html  (style Edwardian Script...)? Elle est souvant remplacée par une police par défaut ... et c'est moche !!!! (tout bouge...)
C'est une raison pour laquelle je fais du flash...
 :shy)

malalam · Answer

Oui, tu peux avec les CSS :

@font-face
{
font-family: "MaPolice"; 
src: url("http://mon-site.com/polices/mapolice.ttf")
}
body { font-family: "MaPolice", serif }

Scrollbar personnalisée

31 réponses

Votre réponse

Discussions similaires