Кнопки Like/Мне нравится для uCoz-представляют собой прямоугольной формы кнопки с сердечком и надпись Like что значит нравится, для вас представляется 5 цветовых решений таких кнопок который подойдут к любому сайту,при наведении на данную кнопку она меняет цвет
Установка:На страницу материала и комментариев к нему вставляем HTML код для 1,2,3 и 4 примера
Код
<?if($RATING$)?> <div class="rating_like" id="rating_like$ID$"> <a href="javascript://" id="golike" onclick="$.get('/publ/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000});$('#rating_like$ID$').text('+<?$RATED$+1?>');};}); "> <div class="rating_like_r">Like <?if($RATED$)?>+<?else?><?endif?>$RATED$</div> </a> </div> <?endif?>
И код HTMLдля 5 примера
Код
<?if($RATING$)?> <div class="rating_like" id="rating_like$ID$"> <a href="javascript://" id="golike" onclick="$.get('/publ/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000});$('#rating_like$ID$').text('+<?$RATED$+1?>');};}); "> <div class="rating_like_l">Like</div> <div class="rating_like_r"><?if($RATED$)?>+<?else?><?endif?>$RATED$</div> </a> </div> <?endif?>
Теперь в этом коде нам нужно будет заменить /publ/0-1-1-$ID$-3 на код для других модулей
Для модуля - Каталог сайтов: /dir/0-1-1-$ID$-3 Для модуля - Каталог статей: /publ/0-1-1-$ID$-3 Для модуля - Каталог файлов: /load/0-1-1-$ID$-3 Для модуля - Каталог файлов: /news/0-0-1-$ID$-15-1 Для модуля - Каталог игр: /stuff/1-1-0-$ID$ Для модуля - Блог: /blog/0-0-1-$ID$-14-1 Для модуля - Фото альбом: /photo/1-1-$ID$-13-1 Для модуля - Вопросы ответы: /faq/0-1#$ID$ Для модуля - Доска объявления: /board/0-1-1-$ID$-3
Для модуля новости сайта этот код не подходит для него характерен следующий Для 1, 2, 3, 4 примера
Код
<?if($RATING$)?> <div class="rating_like" id="rating_like$ID$"> <a href="javascript://" id="golike" onclick="$.get('/news/0-0-1-$ID$-15-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000});$('#rating_like$ENTRY_ID$').text('+<?$RATED$+1?>');};}); "> <div class="rating_like_r">Like <?if($RATED$)?>+<?else?><?endif?>$RATED$</div> </a> </div> <?endif?>
И код для 5 примера
Код
<?if($RATING$)?> <div class="rating_like" id="rating_like$ID$"> <a href="javascript://" id="golike" onclick="$.get('/news/0-0-1-$ID$-15-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000});$('#rating_like$ENTRY_ID$').text('+<?$RATED$+1?>');};}); "> <div class="rating_like_l">Like</div> <div class="rating_like_r"><?if($RATED$)?>+<?else?><?endif?>$RATED$</div> </a> </div> <?endif?>
Установка HTML кода на этом закончена, теперь перейдем к CSS
