June 16
Se vuoi per rendere il vostro sito web o renderlo fondono con il resto del tuo sito, prova a modificare le barre di scorrimento. Le modifiche apportate ai colori di una barra di scorrimento vengono visualizzate in Internet Explorer, ma non altri browser, come Firefox o Opera.
1 Familiarizzare con le parti di una barra di scorrimento in modo da sapere come accedere / successiva modifica nel codice CSS. Una barra di scorrimento include il dispositivo di scorrimento (utilizzato per scorrere verso l'alto / verso il basso di una pagina), pista di scorrimento (dove il cursore passa sopra) e due frecce barra di scorrimento (sulla parte superiore e inferiore della pista).
2 Rivedere il codice CSS per una barra di scorrimento. Ecco un esempio di codice:
scrollbar-faccia-color: Si applica al colore della barra di scorrimento del cursore
scrollbar-track-color: Si applica al colore della pista di scorrimento
scrollbar-freccia-color: Si applica al colore della freccia barra di scorrimento
scrollbar-shadow-color: Si applica al colore dell'ombra barra di scorrimento
scrollbar-DarkShadow-color: Vale per il colore della barra di scorrimento ombra scura
scrollbar-highlight-color: Vale per il colore della barra di scorrimento evidenziazione
scrollbar-3dlight-color: Vale per il colore della barra di scorrimento luce 3D
3 Per cambiare il colore del vostro dispositivo di scorrimento barra di scorrimento al rosso, il codice sarebbe il seguente:
scrollbar-faccia-color: # FF0000;
Assicurati di includere un punto e virgola dopo ogni riga di codice.
4 Aprite il vostro editor di testo preferito e creare un file CSS.
5 Aggiungere il seguente codice al vostro file CSS per modificare l'impostazione predefinita barra di scorrimento:
body {scrollbar-base-color: # FF0000; }
Il valore predefinito barra di scorrimento consente di modificare tutti i colori della vostra barra di scorrimento in una sola volta.
6 Sostituire il colore con il vostro.
7 Apportare modifiche dettagliate alle singole parti della vostra barra di scorrimento aggiungendo il codice seguente invece:
body {
scrollbar-faccia-color: # 0000FF
ANDARE
scrollbar-track-color: # 000000
ANDARE
scrollbar-freccia-color: # 000000
ANDARE
scrollbar-shadow-color: # 999999
ANDARE
scrollbar-DarkShadow-color: # 999999
ANDARE
scrollbar-highlight-color: # 0000FF
ANDARE
scrollbar-3dlight-color: # 0000FF
ANDARE
}
Ricordarsi di sostituire i colori con quelli che si desidera utilizzare.
8 Salvare il file CSS e aprire il file HTML.
9 Inserire il codice seguente tra i tag HEAD:
<Link rel = \ tipo "stylesheet \" = \ "text / css \" href = \ "scrollbar.css \" />
Sostituire "scrollbar.css" con il nome del file CSS attuale e la posizione.
10 Salvare il file HTML e visualizzare in anteprima nel browser.
11 Aggiungere il seguente direttamente nel codice HTML tra i tag HEAD, ma sostituire i colori con quelli che desideri utilizzare:
<Style>
body {
scrollbar-faccia-color: # 0000FF
ANDARE
scrollbar-track-color: # 000000
ANDARE
scrollbar-freccia-color: # 000000
ANDARE
scrollbar-shadow-color: # 999999
ANDARE
scrollbar-DarkShadow-color: # 999999
ANDARE
scrollbar-highlight-color: # 0000FF
ANDARE
scrollbar-3dlight-color: # 0000FF
ANDARE
}
</ Style>
12 Salvare il file HTML e visualizzare in anteprima nel browser.
13 Gioca con i colori finché non sei soddisfatto della tua creazione.
14 Cambiare ogni colore al colore della vostra pagina per nascondere la vostra barra di scorrimento, o renderlo trasparente sfondo.
15 Inserire il codice seguente tra i tag HEAD del documento HTML:
<Script type = \ "javascript \">
funzione popup (URL) {
window.open (URL, \ "window_name \", \ "width = 500, height = 500, sinistra = 0, top = 0, barre di scorrimento = no, menubar = no, ridimensionabile = no, posizione = no, toolbar = no \ ")
ANDARE
}
</ Script>
16 Sostituire il window_name (nome della finestra pop-up), la larghezza, l'altezza, a sinistra (la distanza da sinistra dello schermo), top (la distanza da sinistra dello schermo), le barre di scorrimento (sì / no per visualizzare le barre di scorrimento) e barra dei menu (sì / no per visualizzare la barra dei menu), ridimensionabile (sì / no a finestra ridimensionare), la posizione e barra degli strumenti con i tuoi dati.
17 Aggiungere il seguente codice al tag <body> per sostituire il link per la vostra pagina di pop-up.
<a href=\"JavaScript:popup('page_name.html');\"> il testo per il link </a>
18 Sostituire "page_name.html" con la tua pagina HTML attuale.
19 Salvare il file HTML e visualizzare in anteprima in un browser. Hai finito.