|
Wiem, ┐e to trochΩ g│upio, tak bez pardonu pisaµ
o takich rzeczach, mimo, ┐e nie t│umaczy│em
podstaw. LiczΩ, ┐e znajd▒ siΩ osoby kt≤re to
skapuj▒, bo to nie jest czarna magia. Aby wstawiµ
kod kolorowych scrollbar≤w nale┐y napisaµ:
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
}
</STYLE>
Postanowi│em o tym napisaµ, bo to bardzo fajne, a
poza tym, natchn▒│ mnie kolega, kt≤ry pyta│ czy
wiem jak zmieniµ kolor "tych pizd do
przewijania" :-)
Z g≤ry zastrzegam, ┐e dzia│a to JEDYNIE w
Internet Explorerze 5.5 Niemniej jednak u┐ywanie
tego, nie powoduje ┐adnych negatywnych zmian w
innych przegl▒darkach, wiΩc co szkodzi zastosowaµ?
Lecimy.
scrollbar-face-color: #oznacznie_szesnastkowe_koloru;
To zmieni nam podstawowy kolor suwaka oraz tych
kwadracik≤w dooko│a strza│ek. Je╢li jednak
zmienimy kolor na czarny, a nie zmienimy koloru
strza│ki, nie bΩdzie ona widoczna.
scrollbar-arrow-color: #oznacznie_szesnastkowe_koloru;
Zmienimy wiΩc kolor strza│ki
Ok, teraz co╢ trochΩ zamotanego
scrollbar-3dlight-color: #oznacznie_szesnastkowe_koloru;
Zmieni to kolor ramki, ale tylko tej z lewej strony,
zaraz z boku
scrollbar-highlight-color: #oznacznie_szesnastkowe_koloru;
A to takie ostre ╢wiat│o padaj▒ce z lewej strony.
scrollbar-shadow-color: #oznacznie_szesnastkowe_koloru;
To co poprzednio, lecz vis-a-vis czyli naprzeciw
scrollbar-darkshadow-color: #oznacznie_szesnastkowe_koloru;
A to kra±cowy kolor z prawej strony
Ufff... Ju┐ tylko
scrollbar-track-color: #oznacznie_szesnastkowe_koloru;
To ju┐ tylko t│o, to, po czym je╝dzi suwak :-)
Dla przyk│adu ni┐ej umie╢cili╢my kilka takich
zestawie± (kolory nale┐y wstawiaµ kolejno do powy┐szego
kodu):
zestaw 1 |
zestaw 2 |
zestaw 3 |
zestaw 4 |
zestaw 5 |
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
|
FFFFFF
FFFFFF
FFFFFF
000000
000000
000000
FFFFFF
|
0096FF
66C0FF
005A99
66C0FF
005A99
FFFFFF
FFFFFF
|
00D600
FFFFFF
000000
008E00
008E00
008E00
008E00
|
FFFF00
FFFFFF
000000
FF0000
FF0000
000000
FF0000
|
|
|
Na koniec kilka rad.
- Strza│kΩ radzΩ robiµ w kolorze kontrastuj▒cym
z g│≤wnym kolorem suwaka.
- T│o jest fajne, jak ma taki sam kolor co t│o.
Wiem, ┐e czasem jest stosowany podk│ad
graficzny, ale i on ma jak▒╢ tam kolorystykΩ.
Powinno byµ ono w│a╢nie w tej kolorystyce
scrollbar-highlight-color i scrollbar-shadow-color
najfajniej wygl▒da, jak ma taki sam kolor co
"cia│o" suwaka. Suwak wygl▒da wtedy
na p│aski. To jedynie moje subiektywne
odczucie, ale uwa┐am, ┐e tak jest znacznie
lepiej.
Oczywi╢cie, w miejscu, gdzie napisa│em #oznacznie_szesnastkowe_koloru
, jak najbardziej mo┐na u┐ywaµ zwyk│ej nazwy
kolor≤w.
Na stronie www.scrypty.com znajdziecie bardzo fajny
generator kolorowych skrolli. Macie te┐ wszystko
narysowane, to co ja t│umaczy│em :-) Poza tym,
bardzo dobrze zobrazowane jest to w przyk│adzie
Oczywiste jest, ┐e do │adnego ustawienia suwak≤w
potrzebne jest du┐e wyczucie koloru. Wszystko, tak
jak strona powinno trzymaµ siΩ jakiego╢ og≤lnego
schematu. Uwa┐am jednak, ┐e warto. Niekoniecznie
je╢li np. ca│y serwis jest utrzymany w szarej
kolorystyce, lecz je╢li stronΩ mamy liliow▒, to
robimy │adne, liliowe suwaki i wszystko jest
znacznie │adniejsze :-)
TAZ
taz@hoga.pl
ydgin
ydgin@skrzynka.pl
http://www.nirvanka.best.prv.pl
|
|