Foi de Stil Web
Indrumari si Trucuri CSS

Bare de derulare necolorate

Anumite browsere (IE, Konqueror) au inceput recent sa suporte proprietatile non-standard 'scrollbar-shadow-color', 'scrollbar-track-color' si altele. Aceste proprietati sunt ilegale: ele nu sunt nici definite in nici o specificatie CSS nici nu sunt marcate ca proprietare (prin utilizarea prefixului "-vendor-"). Din fericire le puteti dezactiva cu usurinta.

Pentru a fi sigur ca barele de derulare ale browserului dumneavoastra isi pastreaza culorile normale, puteti utiliza foaia de stil utilizator si declaratia '!important'. Foaia de stil utilizator poate fi configurata in mod uzual prin intermediul optiunilor/setarilor din meniul browserului. In IE il gasiti sub tab-ul "Accessibility", in Konqueror sub tab-ul "Stylesheets".

1. Daca inca nu aveti o foaie de stil utilizator, incepeti prin crearea unui nou fisier CSS. O puteti pune oriunde.
2. Adaugati liniile urmatoare la aceasta foaie de stil:

   body, html {
     scrollbar-face-color: ThreeDFace !important;
     scrollbar-shadow-color: ThreeDDarkShadow !important;
     scrollbar-highlight-color: ThreeDHighlight !important;
     scrollbar-3dlight-color: ThreeDLightShadow !important;
     scrollbar-darkshadow-color: ThreeDDarkShadow !important;
     scrollbar-track-color: Scrollbar !important;
     scrollbar-arrow-color: ButtonText !important;
   }

3. Introduceti calea spre acest fisier in cutia de dialog corespunzatoare browserului dumneavoastra.

Aceasta ar trebui sa completeze trucul. Ar putea sa fie nevoie sa inchideti si sa restartati nrowserul dumneavoastra pentru a vedea efectul. Pentru a vedea daca a functionat, va puteti uita la un test mic pe care l-am creat.