[HTML] Colorer la scrollbar d'une iframe

Version imprimable

04/07/2007, 14h59
guillaumejclv

[HTML] Colorer la scrollbar d'une iframe

Bonjour,

Je suis entrain de faire un nouveau design pour le site web de mon club de sport. J'ai intégré au site web une iframe...Je sais colorer la scrollbar général (celle qui est à droite) mais celle interne au site, je ne trouve pas le code.

--> Voila ce que ca donne

En attente d'une réponse,

Merci d'avance,

Guillaume.
04/07/2007, 15h33
Dsphinx

Salut,

Juste comme ça, sous FireFox et Safari la barre de droite ne se colore pas (d'ailleurs je sais pas si c'est possible) et je te déconseille d'utiliser des iframe...
04/07/2007, 15h40
guillaumejclv

1 pièce(s) jointe(s)

Salut à toi,

Je sais que sous firefox etc, ils ne peuvent pas voir la scrollbar colorée.
Personnelement, je suis bien satisfait des frames...

Quand tu dis que tu ne penses pas qu'on puisse colorier la scrollbar, tu parles de celle le plus à droite, celle du cadre du site on va dire, ou bien celle de l'iframe qui est " à l'intérieur du site ".

http://www.developpez.net/forums/att...1&d=1183556584
04/07/2007, 15h44
Dsphinx

Citation:

Envoyé par guillaumejclv

Personnelement, je suis bien satisfait des frames...

=> Ok c'est ton choix ! :lol:

ne faudrait-il pas ajouter le code pour colorer la barre de défilement dans la page qui est insérée dans la page principale ? Je suis pas sûr du tout car j'ai jamais bidouillé ça...
04/07/2007, 18h42
Strix

Salut et bienvenue sur Developpez.net

Citation:

Envoyé par guillaumejclv

Quand tu dis que tu ne penses pas qu'on puisse colorier la scrollbar, tu parles de celle le plus à droite, celle du cadre du site on va dire, ou bien celle de l'iframe qui est " à l'intérieur du site ".

Sur Firefox, Opera et beaucoup d'autres, tu ne peux pas colorer un scroll, quel qu'il soit tu l'as déjà dit et je confirme.

Pour ce qui est de ta frame, peux-tu mettre le code s'il te plait ? Merci ;)
04/07/2007, 20h36
Bisûnûrs

Je suppose que pour la barre "générale" tu as défini les couleurs dans body{}.

Ben fais la même chose dans iframe{}.
05/07/2007, 00h15
guillaumejclv

Merci bisunurs, je vais essayer je te dis ca !
05/07/2007, 12h35
guillaumejclv

Original :
<iframe src="accueil.htm" name="I1" frameborder=no width="615" height="100%"></iframe>

Comme ca :
<iframe src="accueil.htm" name="I1" frameborder=no width="615" height="100%" BODY {
scrollbar-face-color: #84a4bd;}></iframe>

en le mettant comme cela, ca ne marche...
Je l'ai peut-être mal placé, as-tu une idée ?
05/07/2007, 13h50
Bisûnûrs
Heu, ce n'est pas comme ça qu'il faut définir des CSS ..

Dans ton fichier CSS, tu dois sans doute avoir :
Code:

1 2 3 4 body{ scrollbar-color:...; ... }
Ou quelque chose comme ça.

Ben rajoute le code des couleurs de la scrollbar pour iframe :
Code:

1 2 3 4 iframe{ scrollbar-color:..; ... }
De manière générale, je t'invite à consulter les cours disponibles sur Developpez.com :
http://web.developpez.com/tutoriel/xhtmlcss/
05/07/2007, 14h08
guillaumejclv

Bonne idée, mais il manque quelque chose, il n'y a aucune modif en ajoutant le code sur le CSS...:(
05/07/2007, 14h10
Bisûnûrs

Montre-nous ton code CSS.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
a:link,a:visited {
	              color:#FFFFFF;
	              text-decoration:none;
 
}
a:hover {
         color:#FF0000;
         text-decoration:none;
 
}
BODY {
scrollbar-face-color: #84a4bd; 
scrollbar-shadow-color: #336699;
scrollbar-highlight-color: #85ABC6;
scrollbar-3dlight-color: #336699; 
scrollbar-darkshadow-color: #336699; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #FFFFFF;
 
}
IFRAME {
scrollbar-face-color: #84a4bd;
scrollbar-shadow-color: #336699;
scrollbar-highlight-color: #85ABC6;
scrollbar-3dlight-color: #336699; 
scrollbar-darkshadow-color: #336699; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #FFFFFF;
 
}

02/08/2007, 12h38
guillaumejclv

Désolé, j'étais en vacances :)
Alors, avec mon CSS, tu vois plus clair ?
02/08/2007, 14h01
Bisûnûrs

Après avoir testé ton code qui me paraît bon, il semblerait que ce ne soit pas possible de colorer la scrollbar de l'iframe.