[HTML] Colorer la scrollbar d'une iframe

**guillaumejclv** · 04/07/2007, 14h59

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.

**Dsphinx** · 04/07/2007, 15h33

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...

**guillaumejclv** · 04/07/2007, 15h40

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 ".

**Dsphinx** · 04/07/2007, 15h44

Envoyé par guillaumejclv

Personnelement, je suis bien satisfait des frames...

=> Ok c'est ton choix !

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...

**Strix** · 04/07/2007, 18h42

Salut et bienvenue sur Developpez.net

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

**Bisûnûrs** · 04/07/2007, 20h36

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{}.

**guillaumejclv** · 05/07/2007, 00h15

Merci bisunurs, je vais essayer je te dis ca !

**guillaumejclv** · 05/07/2007, 12h35

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 ?

**Bisûnûrs** · 05/07/2007, 13h50

Heu, ce n'est pas comme ça qu'il faut définir des CSS ..

Dans ton fichier CSS, tu dois sans doute avoir :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
body{
   scrollbar-color:...;
   ...
}

Ou quelque chose comme ça.

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

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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/

**guillaumejclv** · 05/07/2007, 14h08

Bonne idée, mais il manque quelque chose, il n'y a aucune modif en ajoutant le code sur le CSS...

**Bisûnûrs** · 05/07/2007, 14h10

Montre-nous ton code CSS.

**guillaumejclv** · 05/07/2007, 14h13

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
 
}