uLike 1.5 (новая версия)

версия), 1.5, (Новая, uLike

Вышла новая версия скрипта "uLike - Мне нравится v1.5". Что нового появилось в этой версии и что изменилось:

- Конечно же был исправлен баг с координатами.
- Переписан php код и обноавлена база хранения лайков.
- При удалении лайка и наооборот, появилась анимация.
- Окно с лайками меняет стрелку ( указатель ) в зависимости от положения.

Скоро появится новые возможности скрипта: окно с лайками (очень красивое и функциональное), а также ещё одна интересная возможность

Для установки скрипта нам потребуется поддержка php на ucoz, мозги, а также хотеть это поставить.
Архив с php скриптом кидаем к себе на хост
В фалйе index.php нужно отредактировать настройки:

no_photo - ссылка на нno_photo
domain - Домен вашего сайта без http:// и / Пример: site.ru
root - не трогать, будет в новой версии

Заливаем к себе на сайт js скрипт и media файлы.
На сайте в head подключаем:

Код

В html шаблоне сайта нужно включить скрипт:

Код

$(document).ready(function(){
  uLike = new uLike({site: location.href, uid: ID-юзера});
  });

где ID-юзера вставляем оператор ID текущего пользователя, к приму $_UID$

В виде комментариев пишем:

Код

<div id="comlike"><a id="like-2" href="#" onclick="uLike.post(this);" onmouseover="uLike.hover(this,true);" onmouseout="uLike.hover(this,false);">Мне нравится: <span>3</span></a></div>

Подключаем css (но подогнать можно под каждый дизаайн):
Code
body {direction: ltr;
  font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans";
  font-size: 11px;}
  a {
  color: #2B587A;
  cursor: pointer;
  }
  .like_tt_stats_photo {
  border-radius: 3px;
  width:30px;height:30px;
  }
  p.yt-spinner, p.loading-spinner {
  color: #FFFFFF;
  font-size: 11px;
  line-height: 20px;
  margin: 2px 5px;
  padding: 1em;
  text-align: center;
  }
  .yt-spinner-img, .loading-spinner img {
  background: url("/icn_loading_animated-vflff1Mjj.gifs") 50% 50% no-repeat transparent;
  height: 20px;
  vertical-align: middle;
  width: 20px;
  }
  .like_content a {
  border-radius: 3px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.298);
  display: block;
  height: 30px;
  float:left;
  overflow: hidden;
  width: 30px;
  margin-top:1px;
  }
  .like_head {font-weight: 700;cursor: pointer;text-shadow: 0px 1px 0px #262626;color: #FFFFFF;margin-bottom:1px;margin-left:2px}
  .like_content {padding:3px 2px;height:28px;overflow: hidden;}
  .like_content a {margin-right:6px}
  .like_content #nUl {margin-left:-30px}
  .likesumb {padding:5px}
  .downarrowdiv, .uparrowdiv {
  width: 184px;
  min-height: 50px;
  background: grey;
  color: white;
  padding: 5px;
  position: absolute;
  word-wrap: break-word;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 2em;
  display:none;
  }
  .downarrowdiv:after {
  content:'';
  display: block;
  position: absolute;
  top: 100%;
  left: 30px;
  width: 0;
  height: 0;
  border-color: grey transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  }
  .uparrowdiv:after{
  top:-20px;
  border-color: transparent transparent grey transparent;
  }
  #comlike a {padding:4px}

Источник:

Комментарии (0)