Rolovací lišta
Internet Explorer umožňuje definovat barvu rolovacích lišty tedy anglicky scroll-baru. Mnohým autorům, zejména těm, co rádi pracují s rámy, dělaly šedivé lišty problém s designováním stránek. Tak ti si mohou přijít na své alespoň co se barev týče.
Barvené lišty jsou realizovány pomocí CSS vlastností scrollbar-něco-color.
vícebarevná lišta
Příklad:
scrollbar-track-color: white;
scrollbar-face-color: white;
scrollbar-highlight-color: #000099;
scrollbar-3dlight-color: #000099;
scrollbar-darkshadow-color: #000099;
scrollbar-shadow-color: #000099;
scrollbar-arrow-color: blue;
scrollbar-arrow-color - barva šipek
scrollbar-track-color - barva dráhy, kde jezdíte posuvníkem
scrollbar-face-color - barva posuvníku
ten zbytek-to jsou stíny a světla, aby posuvník vypadal víc plasticky
Jednobarevná lišta
Pokud nechcete barvené lišty s více barvami a stačí vám jen jedna barva tak vám poslouží vlastnost scrollbar-base-color.
Lišta se obarví námi nastavenou barvou a tou se obarví některé části lišty. A to konkrétně face, 3dlight a svrchní barva oblasti track.
Další části lišty se obarví barvami odvozenými a to buďto světlejšími
nebo tmavšími odstíny.
<style>
body, html { scrollbar-base-color: lightblue; }
</style>
|
