Приветствую Вас Прохожий | RSS Пятница, 18.08.2017, 00:23
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Рейтинг материала в процентах

Рейтинг материала в процентах
Сегодня решил создать чего нибудь новое и приятное для своих посетителей, и сделал очень простую но очень красивую прогресс рейтинга материала через CSS, суть скрипта в том что он показывает количество рейтинга материала в процентах как в скрине, и его цвет можно изменить под свой шаблон, можно и вставить картингу и он поддерживает!
В Для вас я сегодня представляю два вида такого скрипта, один сделан с картинкой а другой с стандартными цветами.


Установка этого скрипта не требует мучении, его просто надо вставить в CSS, и так приступим,
Вставьте нижний код в ваш CSS:
Code
/* progress reted */
.uprogress{
  width:216px;
  height:41px;
  background:url(http://test-ucozon.do.am/files/bg_bar.gif) no-repeat 0 0;
  position:relative;
}
.uprogress span{
  position:absolute;
  display:block;
  width:200px;
  height:25px;
  background: #369; no-repeat 0 0;
  top:8px;
  left:8px;
  overflow:hidden;
  text-indent:-8000px;
}
.uprogress mir{
  position:absolute;
  display:block;
  width:200px;
  height:25px;
  background:#778899; repeat-x 0 0;
  top:0;
}

/* progress reted end */

А этот код на странице материала:
Code
<p class="uprogress">
  <span><mir style="left:$RATED$px"></mir>$READS$/$RATED$%</span>
  </p>



Настройки: Как видите на скрине я установил синие и серые цвета для прогресса, но вы можете их сменить под свой шаблон, таким образом:
.uprogress span{
position:absolute;
display:block;
width:200px;
height:25px;
background: #369; no-repeat 0 0;
top:8px;
left:8px;
overflow:hidden;
text-indent:-8000px;
Где background: "#369;" измените сам цвет прогресса, то есть линию,


А это уже внутренний фон индикатора
.uprogress mir{
position:absolute;
display:block;
width:200px;
height:25px;
background:#778899; repeat-x 0 0;
top:0;
Где background:#778899; измените под свой вкус!


Автор: мир_младший
Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2225 | Комментарии: 2 | Рейтинг: 3.7/3 | |Категория: Скрипты Разное | Добавил: STAFF | Дата: 06.07.2011 | Скачали: 0 | Теги: процентах, рейтинг, материала
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 darkness86   Дата: 07.08.2011  Время: 11:21   [№ 9907]
Ничего не поменялось((

+1   Спам
1 зоркий   Дата: 07.07.2011  Время: 05:52   [№ 9391]
супер!


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Комплексный прогон сайт...

51

2 Раскрутка сайта, прогон...

0

3 Трафик на сайт по низки...

4

4 Заработай на партнёрств...

3

5 Предлагаю проверенный з...

4

6 Продам билеты в московс...

1

7 Ручной прогон по трасто...

19

8 Создать лого на сайт

0

9 Раздача подарков и стик...

0

10 25 жирных ссылок. Яндек...

0


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2017


Кнопка 88х31 сайта ucozon.ru