uLike - мне нравится ver 1.5
|
Немного от том, что нового появилось и что изменилось в скрипте:
- Исправлен баг с координатами
- Появилась анимация при удалении лайка, ну и соответственно наоборот
- Переписан 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-юзера}); }); где 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}
Вроде ни чего не упустил) Если будут баги вопросы спрашивайте
Авторы: faforty(Vlad Aslamov) и Maxim Seshuk
Скачать архив: ТУТ
|
Просмотров материала: |
4486 |
Дата добавления: |
04.09.2012 |
Комментариев: |
17 |
|
|
|
|
|
Мини-новости |
Новость 0 из 0 |
|
| |
|
|