Forum portalu Fan-Strefa.pl

Dla webmastera => Tutoriale => Wątek zaczęty przez: Skye w 23 Marzec 2013, 21:50:30

Tytuł: Graficzny scrollbar
Wiadomość wysłana przez: Skye w 23 Marzec 2013, 21:50:30
. 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)

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

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

przykład zastosowania dostępny  tutaj (http://retrocreatives.com/goodies/html-scrollexample/index.html). :)

* teoretycznie można było kiedyś to zrobić, ale nie w tak łatwy sposób:)
Tytuł: Odp: Graficzny scrollbar
Wiadomość wysłana przez: Viridiana w 24 Marzec 2013, 14:21:47
Ale to tylko dla przegladarek webkit czyli chrome i safari
Tytuł: Odp: Graficzny scrollbar
Wiadomość wysłana przez: Skye w 24 Marzec 2013, 16:17:50
Ale to tylko dla przegladarek webkit czyli chrome i safari
fakt, słuszna uwaga:)