uLike - мне нравится ver 1.5(рабочий) - Скрипты - Система uCoz - Файлы - [CoolGaming]

uLike - мне нравится ver 1.5(рабочий)

Немного от том, что нового появилось и что изменилось в скрипте:

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

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

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

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

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

<script type="text/javascript" src="/js/ulike.js"></script>

В 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 (выглядит убого, нету времени):

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 | Дата добавления: 28.01.2025 | Добавил: Гость