ďťż

Pasek przwijania na stronie / firefox

       

Podstrony


telcocafe

Witam
kiedys bawiac sie stylami mozna bylo defioniowac wyglad suwaka czyli tego duze paska po prawej stronie kazdje przegladarki ale udawalo mi sie to tylko w IE bo firefox i opera juz ignoruja to. Czy od tamtej pory cos sie zmienilo i da sie zrobic tak zeby wybrac wlasny kolorek strzalek paska i tla?

Jako przykład podam tą stronę http://hejz.com/main.html tutaj pasek jest zrobiony we flaszu a mi chodzi o takie cos w CSS zeby łapało firefoxa,IE i Opere



Do kolorowania pasków użyj np. tego:

scrollbar-track-color: #FBFFFC;
scrollbar-shadow-color: #3CA62D;
scrollbar-highlight-color: #3CA62D;
scrollbar-face-color: #FBFFFC;

Oczywiście kolorki możesz dobierać sam :D
Chyba w CSS jest tego więcej, ale teraz tego nie pamiętam. Jak znajdę coś jeszcze, to dopiszę :)

Mi osobiście to działa w IE oraz FF. Niestety Opera nadal wyświetla standardowe :(

Dodam tylko że jest to niezgodne ze standardem CSS. Validator wywala błąd jak to stosujesz.

To chyba dlatego nie działają na Operze :<



Jeśli chodzi o wszystkie znaczniki:

scrollbar-face-color: #FFFFFF; - wypełnienie
scrollbar-highlight-color: #FFFFFF - jasna ramka
scrollbar-3dlight-color: #FFFFFF - 3D jasna
scrollbar-darkshadow-color: #FFFFFF - cień
scrollbar-shadow-color: #FFFFFF - 3D ciemna
scrollbar-arrow-color: #FFFFFF - strzałka
scrollbar-track-color: #FFFFFF - tło

i to wstawiasz w BODY {} w arkuszu styli

W operze trzeba zaznaczyć opcję:
tools->preferences->advanced->content->style options->enable styling of scrollbars.
Wtedy ten kod będzie działał. Zapewne w firefox też jest opcja by wyłączyć/włączyć ten efekt. Ale też wiem że to tylko zbędny bajer na stronie, lepiej skupić sie na treści, dostępności i standaryzacji strony niż takich bzdurach jak kolorowanie paska przewijania <_<

@Einzeinbleth wiesz to sie przydaje w plywajacych ramkach, wtedy mozna ladnie wkomponowac to w tlo strony i beda widoczne tylko strzaleczki o to mi chodzi wlasnie ;)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.