Красивый вид рейтинга материалов
2140 просмотров || Скачали 0 раз || Оставили 0 комментариев


Новый вид рейтинга материалов для uCoz!

Установка:

ПУ → Управление дизайном → Нужный вам модуль → Страница материала и комментариев к нему/Вид материалов → Ищите что-то похоже:

Code
<?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?>


И заменяете на:

Code
<div class="ratoro"><?$RSTARS$('13','http://webo4ka.ru/Ucoz6/new_vid_reitinga_123.png','1','float')?></div>


Затем в css добавляете:

Code
.ratoro ul{list-style:none;margin:auto;padding:0px;width:65px;height:16px;position:relative; background: url('http://webo4ka.ru/Ucoz6/new_vid_reitinga_123.png') top left repeat-x !important;}.ratoro ul li{padding:0px;margin:0px;}.ratoro ul li a{display:block;width:13px;height: 16px;line-height:16px;text-decoration:none; text-indent:-9000px;z-index:4;position:absolute;padding: 0px;overflow:hidden;}.ratoro ul li a:hover{background: url('http://webo4ka.ru/Ucoz6/new_vid_reitinga_123.png') left center !important;z-index:3;left:0px;border:none;}.ratoro ul a.u-one-star{left:0px;}.ratoro ul a.u-one-star:hover{width:13px;}.ratoro ul a.u-two-stars{left:13px;}.ratoro ul a.u-two-stars:hover{width:26px;}.ratoro ul a.u-three-stars{left:26px;}.ratoro ul a.u-three-stars:hover{width:39px;}.ratoro ul a.u-four-stars{left:39px;}.ratoro ul a.u-four-stars:hover{width:52px;}.ratoro ul a.u-five-stars{left:52px;}.ratoro ul a.u-five-stars:hover{width:65px;}.ratoro ul li.u-current-rating{top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none; background: url('http://webo4ka.ru/Ucoz6/new_vid_reitinga_123.png') left bottom !important;position: absolute;height:16px !important;line-height:16px !important;display:block;text-indent:-9000px;z-index:2;}  
  .ratoro {  
  width: 97px;  
  background: url(http://webo4ka.ru/Ucoz6/new_vid_reitinga_12.png);  
  }


Все!)

Автор: Fatal1ti
Сайт автора: http://novi4ok.ru



Категория: Виды материалов | Добавил: Endless | Теги: материалов, вид, ucoz, рейтинга, красивый, для
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск по сайту
Случайная статья
Случайный материал
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Теги
Эффект реалистичных дождевых капель на стекле через HTML5 Персональная страница пользователя в стиле Stalker Шаблон "daintiness" для сайтов uCoz Изменение вида категорий при добавления файла Блок с новостями от администратора Красивый флеш шаблон для uCoz Добавление сообщения на форум без перезагрузки страницы Предпросмотр добавляемого материала в Ajax окне для любого модуля Игровой шаблон для uCoz Блочный вид форума Новый вид истории репутации пользователя Psshablon Очень красивый шаблон Ability Скрипт "Преобразовать BB-код" Рип аякс окон PSD Макет Skylight Новая версия скрипта "Арена" от Яндекс'а Красивый слайдер с 3d эффектами на jQuery Игра "Шарик" в Ajax Шаблон Мегатрон 2.0 Подборка Flash часов №3 Быстрая смена аватара в uWnd окне Красивая страница ошибки 404 Переключатели страниц как на uCozABC "Drag and drop" элементов сайта Новая модер-панель для каталога файлов Красивый вид рейтинга материалов Новый вид истории ЛС Статусы в списке пользователей Оригинал шаблона Info-Rip Игра "Угадай число" Вывод полного имени файла Рип игрового шаблона Acc-Team Новый вид отображения категорий Модификация "Тем", "Ответов" и "Автора темы" Шаблон Counter Strike Автоматическая подгрузка материалов Проверка на правильность ввода каптчи Красивый вид замечаний со шкалой Красивый вид и форма добавления комментариев Шаблон DoubleGame для uCoz PSD макет блога Флэш шаблон Travel Club Необычный вид комментариев Подборка Flash часов №2 Набор слайдеров для uCoz Анимированное появление блоков на jQuery и CSS3 Скрипт "Арена" для сталкер-сайтов Быстрое редактирование материалов в каталоге файлов Редактирование титула в uWnd-окне