barre scorrimento colorate

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
ciao
due domande.
1. ho trovato un sito in cui è presente un box contenente link che ha la barra di scorrimento laterale.
mi sono accorto che tale barra è colorata sia visualizzando la pagina con IE che con firefox.
io utilizzando i css e impostando
#box{
/* ................................*/
scrollbar-face-color:#FF0000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#808080;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#E0E0E0;
/*.........................*/
}

sono riuscito a colorare la barra ma solo se visualizzo con IE, mentre con fire rimangono i colori standard.
quindi esiste un modo per colorare le barre cross bw. sapete come?

2. sempre in tale sito ho visualizzato sorgente html e mi sono accorto che non si trovano ne i css interni ne tantomeno il richiamo agli esterni.
come è possibile nasconderli?

vedere per credere al link

http://www.chicagolimousineandcars.com/
 
Sicuro che non vengano richiamati file CSS? Io nell'head vedo:
HTML:
<link href="/style/main.css" type="text/css" rel="stylesheet">
Perdi colpi, è la vecchiaia :D

EDIT: E ora che lo guardo meglio, con Firefox la barra di scorrimento rimane normale...
 
Ultima modifica:
ciao, hai (forse) un pò di ragione, comunque alla domanda piu' importante non hai dato risposta.
l'unico riferimento al box che ho trovato nel css è questo

Codice:
.cities .box .scrollbar {
		width: 15px;
		height: 264px;
		background: #000;
		position: absolute;
		top: 14px;
		right: 0px;
	}

ma non dice nulla, forse lo fanno con js (ma?)
 
scrollbar-base-color

Io utilizzo a tal fine

body{scrollbar-base-color: COLORE_CHE_DESIDERI;};

che agisce su tutta la crominanza di tutte le scrollbar.
Funziona egregiamente su IE, mentre non va sotto safari/mozialla.
 
ciao
Funziona egregiamente su IE, mentre non va sotto safari/mozialla.
è proprio questo il problema. nel link che ho messo sul I° post, funzia sia IE che fire/mozzilla
mentre il css che avevo postato (#box) funzia solo si IE.
 
Ho capito come fanno

Ho studiato il codice del il link che hai segnalato.

Contiene un CSS (/style/main.css) ma questo non definisce nessuna scrollbar.

Allora ho esaminato i javascript: il file /js/scroller.js è quello che ci interessa.

Gestisce la scrollbar come insieme di singoli elementi, sostituendosi al browser.
Così permette di personalizzare la scrollbar a prescindere dal browser.
Va da se che è un metodo molto più complesso di un comune css.
Inoltre non è applicabile alla intera pagina ma solo a box al suo interno.

Comunque, se studi un po' tale javascript non dovrebbe essere così complesso riutilizzarlo o scriverne uno analogo ad hoc.
 
quando segnalate problemi del genere indicate anche la versione del browser che state utilizzando, ormai tra vecchi e nuovi standard e release più o meno datate il web è diventato una jungla.
 

Discussioni simili