Кнопка "I Like"

Опубликовано: 30.09.2012, 18:59

Кнопка "I Like" для системы ucoz, заменяет рейтинг оценки материала на кнопку "I Like". Голосовать пользователь может только один раз. Прилагаются 3 варианта кнопки.
Перейдём к установке нашей кнопки:

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

Code

и заменяем на:

Code

<div style="float:right;margin:1px 3px 3px 0px;">
<a style="text-decoration: none;" href="javascript://" id="golike" uzzonclick="$.get('КОД МОДУЛЯ',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал','Информация',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили материал','Информация',{w:270,h:60,t:8000})};});">
<table><tbody><tr>
<td><div align="absmiddle" class="like_buttom" id="like_img"></div></td>
<td><div class="like_buttom_rating" align="absmiddle">+$RATED$</div></td>
</tr></tbody></table>
</a></div>

2. В данном коде находим КОД МОДУЛЯ и заменяем код для выбранного вами модуля, данного далее:

Для модуля Фото альбом: /photo/1-1-$ID$-13-1
Для модуля Новости: /news/0-0-1-$ID$-15-1
Для модуля Каталог сайтов: /dir/0-1-1-$ID$-3
Для модуля Каталог статей: /publ/0-1-1-$ID$-3
Для модуля Каталог файлов: /load/0-1-1-$ID$-3
Для модуля Блог: /blog/0-0-1-$ID$-14-1
Для модуля Доска объявления: /board/0-1-1-$ID$-3

3. Ну и напоследок выбираем понравившийся вариант, и копируем код в css (Открываем ПУ (Панель управления) -> Дизайн -> Управление Дизайном -> Таблица стилей (CSS))

Code

.like_buttom {background:url('http://hal9va.3dn.ru/uCoz/kike/1/i_liken.png'); width:63px;height:20px;}
.like_buttom:hover {background-position:left -20px;}
.like_buttom_rating {background:url('http://hal9va.3dn.ru/uCoz/kike/1/i_like_rating.png); width:26px;height:17px;text-align:center;padding-top:3px;color:#fff;}

Code

.like_buttom {background:url('http://hal9va.3dn.ru/uCoz/kike/2/i_liken2.png'); width:63px;height:20px;}
.like_buttom:hover {background-position:left -20px;}
.like_buttom_rating {background:url('http://hal9va.3dn.ru/uCoz/kike/2/i_like_rating.png'); width:26px;height:17px;text-align:center;padding-top:3px;color:#fff;}

Code

.like_buttom {background:url('http://hal9va.3dn.ru/uCoz/kike/3/i_liken3.png'); width:63px;height:20px;}
.like_buttom:hover {background-position:left -20px;}
.like_buttom_rating {background:url('http://hal9va.3dn.ru/uCoz/kike/3/i_liken3_rating.png'); width:26px;height:17px;text-align:center;padding-top:3px;color:#e2c482;}