Dla webmastera > Tutoriale

Graficzny scrollbar

(1/1)

Skye:
. Starzy webdesignerzy z pewnością pamiętają czasy, gdy kodowało się w cssie scrolle czyli paski przesuwania (ang. scrollbar). Później nastały czasy porzucenia scrolli, gdyż większość przeglądarek i tak nie czytała zapisanych przez nas zmian. Tymczasem niedawno zauważyłam wielki powrót zakodowanych scrolli, tym razem w odmienionej (i urozmaiconej) wersji. Aktualnie nie ograniczamy się tylko do kolorów. Nie, nie, tym razem możemy bez problemów nadawać suwakowi graficzne tło*.
Wrzucamy sobie do cssa coś takiego: (parametry wg. uznania)


--- Kod: ---::-webkit-scrollbar {background-color:#;background-image:url(‘adrestla’);width: 12px;}

::-webkit-scrollbar-thumb {
background-color:#;
background-image:url(‘adrestla’);}

--- Koniec kodu ---

przykład zastosowania dostępny tutaj. :)

* teoretycznie można było kiedyś to zrobić, ale nie w tak łatwy sposób:)

Viridiana:
Ale to tylko dla przegladarek webkit czyli chrome i safari

Skye:

--- Cytat: Viridiana w 24 Marzec 2013, 14:21:47 ---Ale to tylko dla przegladarek webkit czyli chrome i safari

--- Koniec cytatu ---
fakt, słuszna uwaga:)

Nawigacja

[0] Indeks wiadomości