

Немного от том, что нового появилось и что изменилось в скрипте:
Исправлен баг с координатами
Появилась анимация при удалении лайка, ну и соответственно наоборот
Переписан php код, обновлена база хранения лайков
Если возникнут ошибки в php коде, то вы быстро сможете об этом узнать и написать о баге разработчику
Окошко с лайками меняет указатель (стрелку) в зависимости от положения
Скоро появится новые возможности скрипта: окно с лайками (очень красивое и функциональное), а также ещё одна интересная возможность
Установка:
Для установки скрипта нам потребуется поддержка php на ucoz, мозги, а также хотеть это поставить.
Архив с php скриптом кидаем к себе на хост
В фалйе index.php нужно отредактировать настройки:
no_photo - ссылка на нno_photo
domain - Домен вашего сайта без http:// и / Пример: site.ru
root - не трогать, будет в новой версии
Заливаем к себе на сайт js скрипт и media файлы.
На сайте в head подключаем:
Code
<script type="text/javascript" src="/js/ulike.js"></script>
В html шаблоне сайта нужно включить скрипт:
Code
$(document).ready(function(){
uLike = new uLike({site: location.href, uid: ID-юзера});
});
uLike = new uLike({site: location.href, uid: ID-юзера});
});
где ID-юзера вставляем оператор ID текущего пользователя, к приму $_UID$
В виде комментариев пишем:
Code
<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}
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}
Готово.
Просмотров: 4108
|
Категория: Ucoz-php | Добавил: NA
Другие новости |
Поделиться ссылкой
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.