» »

Скрипт цифрового рейтинга для uCoz

Скрипт цифрового рейтинга для uCoz

Удобный в работе скрипт на цифровой рейтинг, который автоматически выставляет ваш выбор на вид материалов и комментариев сайта для uCoz. По дизайн выглядит оригинально, что прописаны под него стили и прикреплены тени, если расположить его на светлом фоне. Безусловна такая функция, как оценка статьи или блога очень важна для пользователя, что по рейтинг можно понять, что за материал.

Но и безусловно он будет как элемент дизайн, что добавит стилистики на ресурсе. Эта версия полностью переделана по форме и добавлены к нему шрифтовые иконки, что ранее просто было написано, понравилось или нет. Сейчас все более понятно и стильно смотрится. По умолчанию если кто-то не оценил, будет ноль, но если уже происходили клики, то вы увидите в положительную идет и какая цифра, и аналогично в отрицательную, что на похожем рейтинг создано, где по форме есть отличие.

Но и как без палитры цвета, здесь все по стандарту, это красный и зеленый и на ноль светло желтый, так как все на темно синем фоне расположено. Все редактируется в стилях, так как понимаю у всех ресурсы разные и здесь нужно подогнать под основной стиль. Сразу закруглил углы, если кому нужно, то просто уберите пиксели, все очень в настройке сделано доступно и удобно.

Чтоб понять, как все выводить начнет, то здесь все функций представлены.

1. Это идет в плюс, вы еще не проголосовали, так скажем.



1.1. Это вы уже оценили и форма поменялась.



2. Все в аналоге идет, только в минус, где видим, что можно внести свой голос.



2.2. Здесь вы видите оценку, но видать уже добавлено мнение.



3. Когда Like или DizLine не ставили, то наблюдаем 0 где видать недавно разместили.



Приступаем к установке:

На тестовом сайте на каталоге файлов производилась тестирование, так как здесь ID под модуль не указан, только могу предположить, что может работать на многих каталогах.

HTML

Код
<?if($RATING$)?>
  <script type="text/javascript" src="http://zornet.ru/Aben/ABGDA/zornet_ru/zornet_ru.js"></script>  
<div class="titles7" style="text-align: center;">  
Рейтинг: <b title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?> <?endif?>"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b>
<?if($RATE_FORM$)?> Оценка материалов: <a href="#" onclick="rateForm(1,$ID$);return false"><span class="zornet_ru"><i class="fa fa-thumbs-o-up"></i></span></a><?endif?>  
<?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$);return false"><span class="zornet_ru_1"><i class="fa fa-thumbs-o-down"></i></span></a><?endif?>  
  </div>
  <?endif?>

CSS

Код
.zornet_ru_1 {
  padding: 5px 5px 7px 1px;
  font-size: 17px;
  color: #ff7171;
  text-shadow: 0 1px 0 #0c0c0c;
}

.zornet_ru {
  padding: 1px 5px 7px 5px;
  font-size: 17px;
  color: #31ff2f;
  text-shadow: 0 1px 0 #151414;
}

.titles7 {
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background: #0e3652;
  color: #e7f4ff;
  text-shadow: 0 1px 0 #1d1c1c;
  padding: 5px 8px 5px 8px;
  font-size: 13px;
  border: 2px solid #efeaea;
  border-radius: 23px;
  box-shadow: 0px 0px 17px 1px rgba(136, 133, 133, 0.83), 1px 1px 30px 1px rgba(25, 23, 23, 0.3);
}

.nullRate {color: #edffa9;}

.negativeRate {
color:#f34b4b;font-size: 14px;
}

.positiveRate {color:#81ff81;font-size: 14px;
}

.positiveRate:before {
content:'+'
}

PS - когда произведете клик, то автоматом покажет результат, как на скрипте php, но только после перезагрузки дизайн изменится и останется надпись "Рейтинг" и его результат.
13.12.2017 Просмотров: 434 Комментарий: (13)

Поделиться в социальных сетях

Материал разместил

Комментарий: 13
Kosten
Kosten 13.12.2017 17:361
0
Отлично на вид материалов подойдет старая версия на вид материала ucoz для модуля, каталогов, отличный рейтинг как на YouTube, что ранее ставил на сайт и он отлично показывал данные.
MAK
MAK 13.12.2017 20:312
0
Попробовал на онлайн играх: не работает. Всё красиво и нажимается, но рейтинг не плюсует и не минусует.
Kosten
Kosten 13.12.2017 21:043
0
Вероятное на каталоге файлов работает, просто здесь нет ссылок, как на основных аналогичный скриптах. Может кто то знает, что нужно поменять под каталог игр, в любом случай думаю можно настроить.
avatar
neis87xxx 14.12.2017 20:064
0
Жаль нет в паблике такого вида рейтинга для сайта.

Kosten
Kosten 14.12.2017 20:315
0
Вероятно можно найти, но она на php могут быть. Но можете посмотреть на этом сайте и подобрать рейтинг.
waak
waak 15.12.2017 02:3310
0
что касается дизайна то проблем нет тут всё просто сделать если рейтинг положительный то выводим зелёный ну и рядом тот что по середине а если отрицательный то красный ну и тот что посередине а все три без пхп не сделать
waak
waak 15.12.2017 02:3511
0
так же я бы сделал если отрицательный то полоса заполнялась в обратную сторону
waak
waak 15.12.2017 02:3912
0
вот пример я делал первый остальные на том же сайте
avatar
neis87xxx 14.12.2017 21:066
0
Ну этот скрин я сделал и сайт на ucoz, им как то получилось реализовать скрипт на js.
Kosten
Kosten 14.12.2017 21:107
0
Не встречал такой вид рейтинга, этот в стилях полностью почти в стилях переделал.
First
First 14.12.2017 21:218
0
Ну так скинь в лс ссылку на сайт откуда скрин взял)
waak
waak 15.12.2017 02:309
0
и мне тоже интересно взглянуть на этот сайт! без пхп или использование другого модуля не получится сделать положительный и отрицательный отзыв со стандартного рейтинга так как у него задача не плюс и минус а оценка от 1 до 5
Kosten
Kosten 15.12.2017 03:4313
0
waak, возможно кому то продал, тот просто доработал или кому ту впулил, этот раз только скинуть и все пойдет по тропе.
avatar