Главная » 2011 » Ноябрь » 1 » Замена прогресс бара (Скрипты для ucoz)
01.11.2011, 18:32

Замена прогресс бара





Меняет стандартный вид прогресс-бара (на админ-панели справа)на более красивый

УСТАНОВКА:
Вставляете после <body>, на нужных страницах этот код:
Code
<style>
.pbarContainer{background:#fafafa; solid #ededed;border:1px solid #ccc; width:250px; top:1px; height:20px;}
.pbarContainer:after{position:absolute; top:3px; left:40px; content:attr(title); font-size:11px; font-weight:bold; color:#666;}
.pbarFiller{margin-top:-1px; border-top:1px solid; height:20px;}
.pbarFiller[style^="width:4"],
.pbarFiller[style^="width:5"],
.pbarFiller[style^="width:6"],
.pbarFiller[style^="width:7"]{border-color:#666;background:#ffa500;}
.pbarFiller[style^="width:8"],
.pbarFiller[style^="width:9"],
.pbarFiller[style^="width:10"]{border-color:#666;background:#ff0000;}
.pbarFiller[style="width:1%;"],
.pbarFiller[style="width:2%;"],
.pbarFiller[style="width:3%;"],
.pbarFiller[style="width:4%;"],
.pbarFiller[style="width:5%;"],
.pbarFiller[style="width:6%;"],
.pbarFiller[style="width:7%;"],
.pbarFiller[style^="width:8%;"],
.pbarFiller[style="width:9%;"],
.pbarFiller[style^="width:1"],
.pbarFiller[style^="width:2"],
.pbarFiller[style^="width:3"]{border-color:#666;background:#00ff00;}
</style>


Либо, можете кинуть его сразу в таблицу стилей CSS.
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: webo4ka.ru
Категория: Скрипты uCoz | Просмотров: 1323 | Добавил: sold93 | Рейтинг: 3.0/1 |
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]