PDA

View Full Version : [CSS] stili scrollbar

dany84
14-09-2009, 20:45
Ciao a tutti,
devo modificare lo stile di una scrollbar all'interno di un div.
Girando per internet ho trovato esempi come questo:
scrollbar-arrow-color:#F03040;
scrollbar-face-color:#CDC9A5;
scrollbar-shadow-color:#0066CC;
scrollbar-darkshadow-color:#FFFFCC;
scrollbar-Highlight-color:#0066CC;
scrollbar-3Dlight-color:#FFFFCC;
scrollbar-track-color:#FFFFCC;
Il problema è che non funzionano, e i tag che iniziano con "scrollbar", mi risulta che non siano nemmeno permessi dallo standard W3C e utilizzando TopStyle come editor non me li propone nemmeno infatti.
Comunque, non è importante che lo stile sia conforme allo standard, mi basta che funzioni su FF3, IE7-8 e Safari 4.

Grazie a tutti in anticipo per i consigli :)
_Claudio
14-09-2009, 22:08
Ciao a tutti,
devo modificare lo stile di una scrollbar all'interno di un div.
Girando per internet ho trovato esempi come questo:
scrollbar-arrow-color:#F03040;
scrollbar-face-color:#CDC9A5;
scrollbar-shadow-color:#0066CC;
scrollbar-darkshadow-color:#FFFFCC;
scrollbar-Highlight-color:#0066CC;
scrollbar-3Dlight-color:#FFFFCC;
scrollbar-track-color:#FFFFCC;
Il problema è che non funzionano, e i tag che iniziano con "scrollbar", mi risulta che non siano nemmeno permessi dallo standard W3C e utilizzando TopStyle come editor non me li propone nemmeno infatti.
Comunque, non è importante che lo stile sia conforme allo standard, mi basta che funzioni su FF3, IE7-8 e Safari 4.

Grazie a tutti in anticipo per i consigli :)

Ovviamente hai usato il codice

overflow-y: scroll;

vero?
dany84
14-09-2009, 23:04
Ovviamente hai usato il codice

overflow-y: scroll;

vero?

veramente ho messo
overflow: auto;
in quanto non sempre il contenuto del div è così lungo (sia in altezza che in larghezza) da avere bisogno della scrollbar.
Il mio problema comunque è solo lo stile, i colori; la scrollbar appare correttamente.
_Claudio
14-09-2009, 23:39
Prova con.


body {
scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f
}


Se funziona sia per la pagina che per il div prova con:


div#barrebelle {
scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f
}


Dovrebbe funzionare applicato al solo div in quanto il div è un elemento a livello blocco.

Comunque io ero rimasto a che le scrollbar erano modificabili solo su IE, per farlo sugli altri browser bisognava usare degli arcani script js mi pare...
dany84
15-09-2009, 09:35
funziona solo con IE infatti :muro:
dovrò trovare qualche altro script in giro...

grazie per l'aiuto cmq :)