ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Кнопка «Мне нравится» 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 Мая 2016 Просмотров: 2437 Комментариев: (9)

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

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

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 9
Порядок вывода комментариев: Сопрано 07 Мая 2016 01:42¹ 0 Он "смай" как будто кукиш показывает. Kosten 07 Мая 2016 16:53² 0 Нормально, но в стилях можете поставить, то что вам нужно, просто взял, то что больше подойдет на основные темы, и к ста те 2 смайла прописал, при установке поймете. uNick 19 Января 2023 19:16⁷ 0 Привет, почему не работает в чем может быть проблема??? Kosten 20 Января 2023 00:13⁸ 0 Проблема в том, что все обновилось, а это старые коды. tsakonter 08 Мая 2016 00:12³ 0 Костен, так нормальные колобки подобрал, сейчас установил этот рейтинг, но мне больше нравится когда одна картинка, но выбрал второю и на фотошоп немного темнее сделал, и получил эффект при наведение. Здесь то при наведение меняется, а теперь просто темней и светлей на одном колобке. Там посмотрел одного кода не хватает и работает, его установил, все сбехало, и стилями не мог выставить. Tergran 08 Мая 2016 00:19⁴ 0 Просто лайки, это палец вверх, но он не надоел, так не могу сказать, он просто у всех стоит, что то нужно оригинальное и чтоб по теме подходило и здесь понимаю tsakonter, что простой смайл на коде уже что то неординарное. feliksteg 08 Мая 2016 19:26⁵ 0 Вот как раз про это и говорил, что уже вам дают рабочий код, который еще на ссылках, что за дизайн отвечают. Только остаётся ваша фантазия и сделать то что вам нужно, это может просто оригинально или под вашу тему. Сопрано 08 Мая 2016 21:27⁶ 0 Траст, ну куда нам, до вас, вы старой закалки веб мастер, звезды, да чтоб еще как у маршала. -SAM- 21 Января 2023 10:05⁹ 0 uNick, я же вам дал ответ уже здесь. UPD.: да и разобрались уже, как вижу, раз выложили материал с правками. P.S.: по факту нужно вносить правки в старые материалы, чтобы у пользователей не возникало таких вопросов, а не заниматься перепечаткой (а то после обнов системы слетает чего-то, в итоге образуется много нерабочих материалов на сайте).