» »

Кнопка I Like для сайта ucoz


Кнопка I Like для сайта ucoz

Кнопка I Like для сайта ucoz и разной расцветки. Вы можете подобрать под свой дизайн, а главное есть коды код все модули сайта. Смотреться такие кнопки будут оригинально на вашем сайте.
Теперь переходим к главному, то есть к установке на ваш сайт.
И так начнем:
Выбираем вид материала модуля или Страница материала и комментариев к нему и находим этот код
Код
<div style="float:right"></div>


Убираем его и заменяем этим кодом:
Код
<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>


В коде который поставили находим надпись КОД МОДУЛЯ его надо заменить на код модуля.
Для модуля Фото альбом: /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

Как все сделали, нам надо прописать стиль лайка который вам понравился в Таблица стилей (CSS)



Код
.like_buttom {background:url('http://zornet.ru/ZORNET-RU/i_liken.png'); width:63px;height:20px;}  
.like_buttom:hover {background-position:left -20px;}  
.like_buttom_rating {background:url('http://zornet.ru/ZORNET-RU/i_like_rating.png'); width:26px;height:17px;text-align:center;padding-top:3px;color:#fff;}




Код
.like_buttom {background:url('http://zornet.ru/ZORNET-RU/i_liken2.png'); width:63px;height:20px;}  
.like_buttom:hover {background-position:left -20px;}  
.like_buttom_rating {background:url('http://zornet.ru/ZORNET-RU/i_like_rating.png'); width:26px;height:17px;text-align:center;padding-top:3px;color:#fff;}




Код
.like_buttom {background:url('http://zornet.ru/ZORNET-RU/i_liken3.png'); width:63px;height:20px;}  
.like_buttom:hover {background-position:left -20px;}  
.like_buttom_rating {background:url('http://zornet.ru/ZORNET-RU/i_liken3_rating.png'); width:26px;height:17px;text-align:center;padding-top:3px;color:#e2c482;}


На этом все, надеюсь вы себе найдете подходящий лайк для сайта.
26.02.2013 Просмотров: 2294 Комментарий: (1)

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

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

Комментарий: 1
PROКОШЕК
PROКОШЕК 08.07.2015 02:531
0
bb bb bb bb
avatar