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


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

3416
7.2 из 10
Проголосовало: 15





Всем привет, вот увидел на одном PSD макете красивый рейтинг материала
И решил реализовать его в системе uCoz
Думаю ясно как он будет выглядеть посмотрев анимацию к материалу


Перейдём к установке этого рейтинга:

1) Открываем
ПУ (Панель управления) -> Дизайн -> Управление Дизайном -> МОДУЛЬ Где хотите видеть иконку (Например: Каталог файлов) -> Страница материала и комментариев к нему или Вид материалов

Находим что-нибудь подобное (код самих звездочек)
Просто в зависимости от шаблона у всех этот код немного различается:

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>


2) Заходим в "Таблицу стилей(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, это его n материал
Источник: http://novi4ok.ru
  • Всего комментариев: 5

mohito93
0
mohito93 написал: Написано 29 Октября 2012 в 20:06
Комментарий №1
Вопрос: Как изменить цвет иконки - скиньте psd этого элемента.

Fatal1ti
0
Fatal1ti написал: Написано 29 Октября 2012 в 20:37
Комментарий №2
В смысле иконки??


Вот картинка "звёздочек"
Их нужно другого цвета сделать?

mohito93
0
mohito93 написал: Написано 29 Октября 2012 в 21:11
Комментарий №3
Да, просто мне нужно в чёрно-красном стиле сделать, только красно-бардовый))) Просто я не очень силён в фш biggrin
Помоги если можешь))

Fatal1ti
+1
Fatal1ti написал: Написано 30 Октября 2012 в 10:33
Комментарий №4
Вот это:


Меняй на это:


Надеюсь сделал так как нужно

mohito93
0
mohito93 написал: Написано 30 Октября 2012 в 19:33
Комментарий №5
Спасибо большое)) Но я уже поставил рейтинг как на "webo4ke" biggrin biggrin biggrin

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: