Кнопка 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;} На этом все, надеюсь вы себе найдете подходящий лайк для сайта. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 2 | |
|
| |
