Scrollbar en image

le Ven Mar 23, 2007 13:54

Bonjour à tous!
Je suis en train de développer un site perso. Je rencontre un problème sur une page en particulier:
http://www.docteurvander.info/dossier.php
Dans l'encadré "dossier" s'affiche un texte et en dessous, dans le "post-it", s'affiche la liste des dossiers (leur titre). Pour l'instant il n'y en a que deux mais il va bien falloir que je trouve un moyen de placer un ascenseur pour dérouler la liste (avec une div en overflow dans ma CSS).
Mon problème: je voudrais que ma scrollbar soit faite à partir d'une image pour que ça colle avec le design de la page. Cela a été fait sur ce site par exemple: http://www.angryblue.com/main.shtml. J'ai cherché partout sur le web mais je n'ai rien trouvé à part un moyen de changer la couleur des ascenseurs... mais je trouve ça bof d'autant plus que ça ne marche pas avec tout les navigateurs.
Bref, si quelqu'un a une idée je suis preneur...

Merci d'avance!!!!
PS: ma CSS ne passe que sous IE pour l'instant malheureusement... soyez indulgents!.. :roll:

le Ven Mar 23, 2007 14:03

alors il va falloir le faire en javascript ou flash (beurk)

exemple : http://www.dyn-web.com/dhtml/scroll/

le Ven Mar 23, 2007 14:21

Super joli en tout cas ton site!

le Ven Mar 23, 2007 14:50

docteurvander a écrit:Cela a été fait sur ce site par exemple: http://www.angryblue.com/main.shtml.

tu donnes la réponse dans ta question... regarde comment fonctionne le script dans la source d'angryblue, tu verras que c'est du javascript.
D'ailleurs c'est sympatique comme effet.

le Ven Mar 23, 2007 15:00

e-kiwi ->> ARGH!... it's in english!... Merci beaucoup pour cette piste en tout cas! je vais essayer d'y comprendre quelque chose...

Seraph ->> Merci!

opale-cia ->> J'ai bien regardé la source de la page mais je n'ai pas compris comment cela avait été fait... je n'ai, par exemple trouvé aucun lien vers l'image des flèches... enfin bref, je vais tester le lien d'e-kiwi et je reviendrai très probablement vers vous si ça ne marche pas.... :roll:

Merci pour votre réactivité en tout cas!!

le Ven Mar 23, 2007 21:45

docteurvander a écrit:opale-cia ->> J'ai bien regardé la source de la page mais je n'ai pas compris comment cela avait été fait... je n'ai, par exemple trouvé aucun lien vers l'image des flèches... enfin bref, je vais tester le lien d'e-kiwi et je reviendrai très probablement vers vous si ça ne marche pas....

suffit de chercher un peu... les fleches n'existent pas en tant que tel, elle font parti du fond, regarde ce point la :

Code: Tout sélectionner: <td valign="top" class="body"><img src="images/LeftPage1.jpg" width="425" height="140" alt="" border="0"> <img src="images/LeftPage2.jpg" width="425" height="115" alt="" border="0"> <img src="images/LeftPage3.jpg" width="425" height="130" alt="" border="0"> <img src="images/LeftPage4.jpg" width="425" height="79" alt="" border="0"></td>

L'espèce d'empreinte digitale se trouve ici :

Code: Tout sélectionner:

et le script, qui est libre et date de 2001 est la http://www.angryblue.com/angryblue_scroll.js

// Made by geeeet[at]ghtml.com
// Keep these two lines and you're free to use this code

Avec ça tu devrais t'en sortir

le Ven Mar 23, 2007 23:36

docteurvander a écrit:PS: ma CSS ne passe que sous IE pour l'instant malheureusement... soyez indulgents!..

p't'être à cause de problèmes de validation. Du genre <body> mis après un <div> :roll:

Sinon, je trouve le texte assez compact. Il faudrait agrandir un peu la police et aérer les paragraphes.
Sinon, jolie présentation

le Lun Avr 02, 2007 13:13

Ha ben voilà, j'y suis arrivé! Donc merci pour votre aide et vos commentaires!
... Bon par contre... C'est un tel bordel dans mes balises que finalement je n'arrive pas à l'intégrer dans la page que je voulais... (autrement, dans mes pages de test, qui ne font pas appelle à mon "template", ca fonctionne)...
Enfin ce n'est qu'une question de temps puisque j'ai capté comment ça marchait.
Encore merci et à bientot!

Scrollbar en image

Scrollbar en image

Re: Scrollbar en image

Re: Scrollbar en image

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne