Главная » Файлы » Скрипты плагины и дополнения » Ucoz |
Модуль Спасибо 2.0 для uCoz
Для установки модуля себе на сайт Вам необходимо перейти на официальную страницу модуля и зарегистрировать свой сайт. Вы получите уникальный код, и алгоритм шифрования ID пользователя. Никому не показывайте код. В качестве бонуса, хочу дать Вам пару интересных готовых решений дизайна для модуля Thanks. Из них можно заметить, что поэкспериментировав можно сделать многое с помощью модуля, не обязательно "спасибо" для материалов. Установка для всех проста, просто заменяем: Код <a href="javascript://" onclick="add_thanks();">Сказать спасибо</a> <div class="thanks_yekki"> {SUMMA}{LIST}</div> На мой код. Первый, выполнен в виде спойлера, это старый шаблон Thanks. Код <style type="text/css"> #spoiler {border:1px solid #ccc;} .title_spoiler {background:#f7f7f7; padding:8px;cursor:pointer; } #spasibo {float:right;} .content_spoiler {background:#fff;padding:8px;border-top:1px dotted #ccc;display:none;} </style> <div class="thanks_yekki" id="spoiler"><div class="title_spoiler" onclick="ys();">Сказали спасибо: <b>{SUMMA}</b><a href="javascript://" id="spasibo" onclick="add_thanks();">Сказать спасибо!</a></div><div class="content_spoiler">{LIST}</div></div> <script type="text/javascript">function ys(){$('.content_spoiler').slideDown(500);$('.title_spoiler').attr('onclick','ys2();');}function ys2(){$('.content_spoiler').slideUp(500);$('.title_spoiler').attr('onclick','ys();');}</script> Второй, в виде лайков, с uWnd выводом, кто уже поставил спасибо. Код <style type="text/css"> .thanks_button {background: #F7F7F7 url('http://yekki.ru/php/images/like_p.png') no-repeat 7px 7px;padding: 8px;border-radius: 4px 0 0 4px;border: 1px solid #CCC;float: left;padding-right: 5px;padding-left: 27px;} .thanks_button:hover {background: #fff url('http://yekki.ru/php/images/like_c.png') no-repeat 7px 7px;cursor:pointer;} .summa {float:left;margin-left: -1px;background: white;padding: 8px;border:1px solid #ccc;border-left: 1px dotted #CCC;padding-right: 10px;border-radius: 0 4px 4px 0px;} .thanks_button a {color:#000;text-decoration:none;} .summa:hover {background:#f7f7f7;cursor:pointer;} </style> <br> <div class="thanks_yekki"><div class="thanks_all" style="display:none">{LIST}</div> <div class="thanks_button"><a href="javascript://" onclick="add_thanks();">Сказать спасибо</a></div> <div class="summa" onclick="list_thanks();">{SUMMA}</div></div> <script type="text/javascript">function list_thanks(){new _uWnd('thanks', 'Список сказавших спасибо', 200,150, {align:'left',autosize:0,modal:0},$('.thanks_all').html()); }</script> | |
Просмотров: 1273
| 05.04.2014, 23:09 |
Просмотров: 1273 | Загрузок: 0 | |
Рекомендую к прочтению
Redemption шаблон для Ucoz | Explorer шаблон для Ucoz |
Sakura шаблон для Ucoz | Suerte white шаблон для Ucoz |
STYLEZ - visual CSS style tweaker | Адаптация шаблона uName для uCoz |
Всего комментариев: 0 | |
Disqus comments
comments powered by DisqusHTML | |
BB-Code | |
Ссылка |