Twoje IP to: 54.224.91.58
 
Menu »  Świat SoftwareSprzętGame ArenaWebmasteringHacking i BezpieczeństwoZrób To SamTricki z Windows • Porady Komputerowe • SłowniczekKursyZa darmo w sieciDownloadGry On-LineStrefa TatypsychopatyRedakcjaHistoria Strony!Forum!Linki
<<Powrót do strony głównej portalu

                                                                                 Kolorowe paski przewijania.
Ostatnio modne stało się uatrakcyjnianie wyglądu strony poprzez zmianę barw pasków przewijania. Można to uzyskać w bardzo prosty sposób przy pomocy arkuszy stylów. Należy wziąć jednak pod uwagę, że efekt ten jest widoczny jedynie w Internet Explorze i to dopiero od wersji 5.5.

W elemencie <HEAD> strony lub osobnym pliku css zamieszczamy:

<STYLE type="text/css">
<!--
BODY {

scrollbar-face-color: kolor;
scrollbar-track-color: kolor;
scrollbar-arrow-color: kolor;
scrollbar-highlight-color: kolor;
scrollbar-shadow-color: kolor;
scrollbar-darkshadow-color: kolor;
scrollbar-3dlight-color: kolor;
}
-->
</STYLE>


Poszczególne opcje oznaczają:
- scrollbar-face-color: główna barwa suwaka oraz barwa tła pod strzałkami
- scrollbar-track-color: barwa tła
- scrollbar-arrow-color: barwa strzałki
- scrollbar-highlight-color: cień wewnętrzny na górze i po lewej stronie
- scrollbar-shadow-color: cień wewnętrzny na dole i po prawej stronie
- scrollbar-darkshadow-color: cień pod suwakiem na dole i po prawej stronie
- scrollbar-3dlight-color: cień pod suwakiem na górze i po lewej stronie

Kolory określamy wpisując ich nazwę lub numer:
scrollbar-track-color: red;
lub
scrollbar-track-color: #FF0000;

Jeżeli nie określimy barwy strzałek, cienia czy też suwaka, będzie zastosowana standardowa kolorystyka (szaro- czarna). W przypadku, gdy nie określimy barwy tła (track) jego barwa zostanie uzyskana z wymieszania barw face i highlight.

Mamy jeszcze do dyspozycji opcję scrollbar-base-color, dzięki której możemy za jednym zamachem określić barwy track, face oraz 3dlight . Należy jednak pamiętać, że dodatkowe zdefiniowanie, którejś ze składowych "nadpisuje" tą wartość.

Poniżej przykład paska w odcieniach niebieskich:

<STYLE type="text/css"><!--
BODY {

scrollbar-arrow-color:ivory;
scrollbar-base-color:#006699;
scrollbar-face-color:#4a88be;
scrollbar-highlight-color:beige;
scrollbar-shadow-color:grey;
scrollbar-track-color: #006699;
}
--></STYLE>


 


 

©Copyright Eksakomp.XP.pl    Wszelkie prawa zabronione.