Adresy i domeny w internecie, czyli tajemnicze dns

Poradnik webdesignera

Strona główna
Uwagi ogólne
Błędy
Przykazania
Artykuły
Linki
Słowo od autorki
Email

Jak zrobić kolorowe paski przewijania (scroll-bars)

Ostatnimi czasy 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"></STYLE>

Agnieszka Richter

Artykuł został także zamieszczony na stronie Webreportera http://web.reporter.pl/ w numerze 01/2002

[ Strona główna ] [ Uwagi ogólne ] [ Błędy przy tworzeniu stron ]
[ Przykazania webdesignera ] [ Artykuły ] [ Linki ] [ Słowo od autorki ]