Меню

13.07.2020
116
0
(8.9 Kb)
Немного от том, что нового появилось и что изменилось в скрипте:

Исправлен баг с координатами
Появилась анимация при удалении лайка, ну и соответственно наоборот
Переписан 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}


Вроде ни чего не упустил) Если будут баги вопросы спрашивайте

Авторы: faforty(Vlad Aslamov) и Maxim Seshuk
Рейтинг: 0.0/0
Всего комментариев: 0
Подписка: 1 Код *:

Категории раздела
Пользователи [1]
Все материалы для модуля: Пользователи
Каталога файлов [0]
Все материалы для модуля: Каталога файлов
Комментарий [2]
Все материалы для модуля: Комментарий
Мини-чат [0]
Все материалы для модуля: Мини-чат
Статистика [0]
Все материалы для модуля: Статистика
PHP [1]
Все материалы по языку: PHP
Форум [2]
Все материалы для модуля: Форум
Прочее [5]
Все материалы для любых модулей
Вход на сайт
Логин:
Пароль:
Баннерообмен

банерообмен, тут может стоять вашь банер    банерообмен, тут может стоять вашь банер

банерообмен, тут может стоять вашь банер    банерообмен, тут может стоять вашь банер

Наш опрос
Оцените мой сайт
Всего ответов: 10
Помощь проекту
Вы можете помочь в развитие данного проекта.
Мы будем вам очень признательны.
WMR R762436343376
WMZ Z782883784570
WME E687245834519
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0