Вышла новая версия скрипта "uLike - Мне нравится v1.5". Что нового появилось в этой версии и что изменилось:
- Конечно же был исправлен баг с координатами.
- Переписан php код и обноавлена база хранения лайков.
- При удалении лайка и наооборот, появилась анимация.
- Окно с лайками меняет стрелку ( указатель ) в зависимости от положения.
- Так же если возникнут ошибки в php коде, вы быстро узнаете об ошибке или баге и по желанию напишите разработчикам, для решения проблемы.
В скором времени появятся еще новые возможности и плюшки скрипта: окошко с лайками ( красивое и много функциональное ), так же еще одна итересная возможность ( о ней пока умалчивают ).
Установка:
Что-бы установить скрипт на ваш сайт, вам потребуется поддержка PHP ( ее нужно оплачивать ).
Скачиваем архив с php скриптом и заливаем себе на сайт.
Далее редактируем index.php:
no_photo - ссылка на нno_photo
domain - Домен вашего сайта без http:// и / Пример: site.ru
root - не трогать, будет в новой версии
Затем заливаем на сайт, js скрипт и media файлы.
В ПУ на сайте, в head подключаем это:
в html шаблона включаем скрипт:
где ID-юзера вставляем оператор ID текущего пользователя, к приму $_UID$
Далее в Вид комментариев прописываем это:
Теперь подключаем CSS:
Авторы: faforty(Vlad Aslamov) и Maxim Seshuk
- Конечно же был исправлен баг с координатами.
- Переписан php код и обноавлена база хранения лайков.
- При удалении лайка и наооборот, появилась анимация.
- Окно с лайками меняет стрелку ( указатель ) в зависимости от положения.
- Так же если возникнут ошибки в php коде, вы быстро узнаете об ошибке или баге и по желанию напишите разработчикам, для решения проблемы.
В скором времени появятся еще новые возможности и плюшки скрипта: окошко с лайками ( красивое и много функциональное ), так же еще одна итересная возможность ( о ней пока умалчивают ).
Установка:
Что-бы установить скрипт на ваш сайт, вам потребуется поддержка PHP ( ее нужно оплачивать ).
Скачиваем архив с 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}
Авторы: faforty(Vlad Aslamov) и Maxim Seshuk
Источник: usite.su
