Преглед на урок

Да украсим скролбара, използвайки CSS

Да украсим скролбара, използвайки CSS




Ето един лесен и приятен урок, как да освежим страницата ни, като сменим вида на скролбара ни. Този ефект е поддържан само при Internet Explorer 6.0.

Да започнем със самият скролбар и неговите елементи:

<a href="http://motionfly.net/images/scrollbar.gif">Тук</a>

Както виждате, много елементи, много чудо Нека да сменяме цветовете един по един..
КОД:

<style>
BODY {
SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
</style>


Заменете #000000 (Черен) с цветовете , които подхождат на вида на вашата страница. Експериментирайте, само така ще можете да направите най-добрия избор.

Важно: Добавоете горният код между <head> и </head> на вашата уеб страница. Само така скрипта ще работи!

Това е! Лесно и неангажиращо, нали ? Но пък също така доста ефективно.

Успех!

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: CPU

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.