Barevná scrollovátka v CSS
Od verze 5.5 umožňuje Internet Explorer pomocí CSS měnit barvu scrollovátek.
Jednoduchý způsob změny barvy je použití stylu
Druhým, složitějším a efektivnějším způsobem je změnit barvu každé části scrollbaru zvlášť. Jednotlivé části scrollbaru mají své názvy, jimiž se v css definují jejich vlastnosti:
např.
CSS styl řídící barvu scrollovátek na těchto stránkách vypadá takto:
27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" id="css" width="450" height="450" style="float:left">
Pokusný scrollbar
komentáře (6)
Jednoduchý způsob změny barvy je použití stylu
scrollbar-base-color:#RRGGBB;tak změníte barvu celého scrollovátka najednou.Druhým, složitějším a efektivnějším způsobem je změnit barvu každé části scrollbaru zvlášť. Jednotlivé části scrollbaru mají své názvy, jimiž se v css definují jejich vlastnosti:
např.
scrollbar-face-color:#c0c0c0;Scrollovátko se skládá ze 7 částí: Face, Arrow, HightLight, 3Dlight, Shadow, DarkShadow, Track.CSS styl řídící barvu scrollovátek na těchto stránkách vypadá takto:
BODY
{
scrollbar-face-color:#FFF440;
scrollbar-arrow-color:#FF0000;
scrollbar-highlight-color:#DDD204;
scrollbar-3dlight-color:#FFE000;
scrollbar-shadow-color:#DDD204;
scrollbar-darkshadow-color:#FFE000;
scrollbar-track-color:#FFE000;
}
Pro příjemnější nastavování barev můžete použít níže uvedený generátor, jímž rovnou nastavíte barvu části scrollbaru a vygenerujete potřebnou část css stylu. Na pokusném scrollbaru můžete po vygenerování rovnou vidět výsledek27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" id="css" width="450" height="450" style="float:left">
Pokusný scrollbar
komentáře (6)Rado - 21.11.2010 19:22
Ups, mne to vždy zmrzlo - tak som ten komentár skúsil napísať znovu.
Ups, mne to vždy zmrzlo - tak som ten komentár skúsil napísať znovu.
Rado - 21.11.2010 19:22
Ups, mne to vždy zmrzlo - tak som ten komentár skúsil napísať znovu.
Ups, mne to vždy zmrzlo - tak som ten komentár skúsil napísať znovu.
Rado - 21.11.2010 19:18
Znovu (predtým u filtrov v css) chcem nahlásiť, že Generátor nefunguje. Zistil som z kódu že ono to mení ":" a "D" v smajlíka (
) - treba to nejak zmeniť.
Znovu (predtým u filtrov v css) chcem nahlásiť, že Generátor nefunguje. Zistil som z kódu že ono to mení ":" a "D" v smajlíka (
) - treba to nejak zmeniť.Rado - 21.11.2010 19:16
Znovu (/programovani/filtry-css/komentar) chcem nahlásiť, že Generátor nefunguje. Zistil som z kódu že ono to mení ":" a "D" v smajlíka () - treba to nejak zmeniť.
Znovu (/programovani/filtry-css/komentar) chcem nahlásiť, že Generátor nefunguje. Zistil som z kódu že ono to mení ":" a "D" v smajlíka (
) - treba to nejak zmeniť.Rado - 21.11.2010 19:14
Znovu (<a href="http://smitka.org/programovani/filtry-css/komentar#com32">?</a>
chcem nahlásiť, že Generátor nefunguje. Zistil som z kódu že ono to mení ":" a "D" v smajlíka () - treba to nejak zmeniť.
Znovu (<a href="http://smitka.org/programovani/filtry-css/komentar#com32">?</a>
chcem nahlásiť, že Generátor nefunguje. Zistil som z kódu že ono to mení ":" a "D" v smajlíka () - treba to nejak zmeniť.Rado - 21.11.2010 19:14
Znovu (<a href="http://smitka.org/programovani/filtry-css/komentar#com32">?</a> chcem nahlásiť, že Generátor nefunguje. Zistil som z kódu že ono to mení ":" a "D" v smajlíka () - treba to nejak zmeniť.
Znovu (<a href="http://smitka.org/programovani/filtry-css/komentar#com32">?</a>
chcem nahlásiť, že Generátor nefunguje. Zistil som z kódu že ono to mení ":" a "D" v smajlíka () - treba to nejak zmeniť.