barre scorrimento colorate

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
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/
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
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:

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
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?)
 

softhare

Utente Attivo
11 Feb 2010
57
0
0
Friuli
www.softhare.it
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.
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
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.
 

softhare

Utente Attivo
11 Feb 2010
57
0
0
Friuli
www.softhare.it
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.
 

Eliox

Utente Attivo
25 Feb 2005
4.390
3
0
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
Autore Titolo Forum Risposte Data
Nyl Css - Barre di scorrimento colorate HTML e CSS 9
W [MS Access] Barre di scorrimento su maschere MS Access 0
filippino Eliminare le barre scorrimento HTML e CSS 1
T barre di scorrimento HTML e CSS 2
coteaz problema con iframe e con barre di scorrimento Javascript 3
R HELP...problema con le barre di scorrimento! HTML e CSS 15
Eugene CSS per colorare barre di scorrimento - vietato? HTML e CSS 3
H Colorare le barre di scorrimento HTML e CSS 20
A Barre di scorrimento laterali HTML e CSS 12
M [js] simulare barre scorrimento iframe Javascript 2
grottafelix Frame e barre di scorrimento HTML e CSS 2
S lettori codici e a barre? Discussioni Varie 3
S Qualcuno si intende di lettori codici a barre? Presentati al Forum 1
felino Codice a barre: database internazionale Discussioni Varie 3
crealatualista [PHP] layout pagina con immagine codice a barre PHP 3
giancadeejay LETTORE CODICI A BARRE SOLO IN PHP O JAVASCRIPT PHP 5
R Lettura codice a barre tramite php e pistola PHP 2
L Codice a Barre Programmazione 1
P [info] software per codici a barre Windows e Software 2
L Reimpostare le barre strumenti di photoshop!!! Photoshop 2
max_400 grafico a barre as 2.0 ? Flash 5
P Barre laterali e frame HTML e CSS 1
F Grafici a barre Webdesign e Grafica 1
B Codice a Barre ean 13 Discussioni Varie 0
B Stampa Codice Barre Programmazione 0
coteaz barre di navigazione, menù ecc Javascript 3
L Barre che dividono i frame Javascript 3
B Scomparsa barre in Word Windows e Software 1
G pop up senza barre HTML e CSS 4
webbetto pop-up senza barre per photogallery HTML e CSS 24
D barre di menu fastidiose Webdesign e Grafica 2
U barre di spostamento HTML e CSS 7
D [HTML] scorrimento dopo un'aggiunta di dati HTML e CSS 5
A [Javascript] [CSS] elenco affiancato per evitare scorrimento pagina Javascript 4
Mer556 [Javascript] IMMAGINI A SCORRIMENTO, ANTEPRIMA 3 Javascript 1
G Scorrimento immagini nel tag section Javascript 12
S Problema scorrimento DIV Javascript 6
S Problema scorrimento DIV senza scrollbar HTML e CSS 4
asevenx plugin slider scorrimento immagini WordPress 2
N Scorrimento automatico TAB Javascript 5
K Script scorrimento notizie Javascript 2
A scorrimento all'interno database mysql riportando dati su form (tipo Dataset) Ajax 5
F come si rileva lo scorrimento del mouse in alto o in basso? Javascript 5
S DIV con scorrimento mouse HTML e CSS 1
Danyb82 Scorrimento immagine che si sviluppa orizontalmente jQuery 3
A Estrarre solo un certo numero di record e scorrimento pagine PHP 9
P Scorrimento array-pagine PHP 0
A codice html al posto delle immagini in una finestra di scorrimento Javascript 0
M Scorrimento solo di una parte di pagina - dreamweaver cs3 Webdesign e Grafica 1
M Scorrimento solo di una parte di pagina - dreamweaver cs3 HTML e CSS 0

Discussioni simili