Smitka development

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 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.
Složení scrollbaru


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ýsledek

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



 

linkuj.czjagg.czpošli na vybrali.sme.skdeliciousTopČlánky.cz
Nahoru HOME PC•Elektro Programování Blog Autor Lynt Speciální backlink: Šulislav
© 2006 Smitka development