Forum portalu Fan-Strefa.pl Forum portalu Fan-Strefa.pl 

Autor Wątek: Graficzny scrollbar  (Przeczytany 2083 razy)

Skye

  • Let's get fired up:)
  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 1243
  • Reputacja: 81
    • Zobacz profil
    • Retro Creatives
Graficzny scrollbar
« dnia: 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. :)

* teoretycznie można było kiedyś to zrobić, ale nie w tak łatwy sposób:)
I just wanna live fast, party hard,
make money, be a star
♥♥
Retroscream my name[/center]

Viridiana

  • Fanik
  • **
  • Wiadomości: 169
  • Reputacja: 3
    • Zobacz profil
    • mój tumblr
Odp: Graficzny scrollbar
« Odpowiedź #1 dnia: 24 Marzec 2013, 14:21:47 »
Ale to tylko dla przegladarek webkit czyli chrome i safari
you smile at the hope they call despair

kiedyś sobie byłam Kalleye :P

Skye

  • Let's get fired up:)
  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 1243
  • Reputacja: 81
    • Zobacz profil
    • Retro Creatives
Odp: Graficzny scrollbar
« Odpowiedź #2 dnia: 24 Marzec 2013, 16:17:50 »
Ale to tylko dla przegladarek webkit czyli chrome i safari
fakt, słuszna uwaga:)
I just wanna live fast, party hard,
make money, be a star
♥♥
Retroscream my name[/center]

Forum portalu Fan-Strefa.pl

Odp: Graficzny scrollbar
« Odpowiedź #2 dnia: 24 Marzec 2013, 16:17:50 »