» »

Кнопка «Мне нравится» Like для uCoz


Кнопка «Мне нравится» Like для uCoz

Но сейчас почти везде на каждом материале можно увидеть кнопку мне нравится. Или просто Like, что идет в разном дизайн, но этот немного переделан. Сам оригинал появится на сайте позже, но этот просто сделан под любую тему. Выбраны 2 колобка, что при наведение будет меняться, и безусловно на все категорий можно установить. Его плюс, что он по своей ширине и длине не большой, а можно сказать компактный и ставить как на вид материала и можно также прописать в комментариев к нему. Чем то похоже на этот Like, только конфигурация сама на оригинале будет слита, но ладно, мы об этом коде, где идут стили и вы можете тематически изменить картинку. Чтоб понять, как уже было написано, взяли за основу этот рейтинг, который только сердечки выводит, что некоторым не нравится и был переделан по фактуре своей этот материал.

Что по модуля:

Теперь в этом коде нам нужно будет заменить /load/0-1-1-$ID$-3 на код для других модулей

Для модуля - Каталог сайтов: /dir/0-1-1-$ID$-3
Для модуля - Каталог статей: /publ/0-1-1-$ID$-3
Для модуля - Каталог файлов: /load/0-1-1-$ID$-3
Для модуля - Каталог игр: /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

Здесь вы только переставите, больше не чего не нужно.

Установка:

Но проверял на каталоге файлов, и он на его заточен. Ставим в сам материал где вам нужно или по вашему должен стоять.



Теперь остается скопировать:

Код
<?if($RATING$)?>  
  <div class="rating_like" id="rating_like$ID$">  
  <a href="javascript://" id="golike" onclick="$.get('/load/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?>


И под него идут стили, что в CSS.

Код
.rating_like {
  float:left;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
  padding: 4px 10px 4px 10px;
  border-radius: 3px;
}  
   
.rating_like a {  
  float:left;  
  background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/pWujGQA.png) no-repeat left top;  
  padding: 2px 10px 4px 30px;  
  margin: 0px -10px 0px -10px;  
  border-radius: 3px;  
  text-decoration:none;  
}  

.rating_like a:hover {  
  background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/D4HOwzj.png) no-repeat left top;  
}  

.rating_like_r{  
  float:right;  
}


Сама характеристика работы не нова, но вот дизайн изменен.
07.05.2016 Просмотров: 543 Комментарий: (7)

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

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

Комментарий: 6
Сопрано
Сопрано 07.05.2016 01:421
0
Он "смай" как будто кукиш показывает. biggrin
Kosten
Kosten 07.05.2016 16:532
0
Нормально, но в стилях можете поставить, то что вам нужно, просто взял, то что больше подойдет на основные темы, и к ста те 2 смайла прописал, при установке поймете.
tsakonter
tsakonter 08.05.2016 00:123
0
Костен, так нормальные колобки подобрал, сейчас установил этот рейтинг, но мне больше нравится когда одна картинка, но выбрал второю и на фотошоп немного темнее сделал, и получил эффект при наведение. Здесь то при наведение меняется, а теперь просто темней и светлей на одном колобке. Там посмотрел одного кода не хватает и работает, его установил, все сбехало, и стилями не мог выставить.
Tergran
Tergran 08.05.2016 00:194
0
Просто лайки, это палец вверх, но он не надоел, так не могу сказать, он просто у всех стоит, что то нужно оригинальное и чтоб по теме подходило и здесь понимаю tsakonter, что простой смайл на коде уже что то неординарное.
feliksteg
feliksteg 08.05.2016 19:265
0
Вот как раз про это и говорил, что уже вам дают рабочий код, который еще на ссылках, что за дизайн отвечают. Только остаётся ваша фантазия и сделать то что вам нужно, это может просто оригинально или под вашу тему.
Сопрано
Сопрано 08.05.2016 21:276
0
Траст, ну куда нам, до вас, вы старой закалки веб мастер, звезды, да чтоб еще как у маршала.
avatar