» »

Кнопка Navbar вверх и вниз для ucoz


Кнопка Navbar вверх и вниз для ucoz

Много стал замечать на интернет ресурсах такой скрипт на Кнопка Navbar вверх и вниз для ucoz который позволяет плавно подымать и что еще так опускать страницу. Отличное будет решение кто сидит в интернете с ноутбука, что может одним кликом подняться и перейти куда ему нужно.

По дизайну выполнено строго в серых тонах, что как для светлого и темного сайта подойдет и смотреться будет отлично. Но безусловно это ее работа, а работать будет отлично на любом сайте который на системе ucoz. Функциональность у материала этого высокая и можно теперь смело менять старые кнопки, которые только вверх поднимали.

Установка:

Первое что нужно сделать это скачать архив и распечатать и там будет папка под названием navbar, что и заливаем в корень сайта ее полностью.
Второе, это устанавливаем сам скрипт перед /body и на этом почти все.
Код
<div class="navig_bar">  
<ul>  
<li class="nb_top" title="Вверх"></li>  
<li class="nb_back" title="Назад"><a href="javascript:history.go(-1)" rel="nofollow"></a></li>  
<li class="nb_bottom" title="Вниз"></li>  
</ul>  
</div>  
<link rel="stylesheet" type="text/css" href="/navbar/navbar.css">  
<script type="text/javascript" src="/navbar/navbar.js"></script>

3). Последнее и самое главное! Кнопка вниз - ориентируется на самый нижний на странице элемент, таким образом при нажатии на нее - происходит скроллинг именно к нему, в самый низ. Поэтому чтоб она работала, в файл navbar.js - нужно внести небольшое изменение.

Откройте его текстовым редактором и найдите в нем значение footop. Это ID элемента находящегося в самом низу кода страницы до закрывающего bod. Вы можете найти какой у вас самый нижний элемент и прописать его ID в файле, можете просто этот-же ID footop дописать самому нижнему элементу, а можете просто добавить новый пустой блок с таким ID'ом, например:
Код
<div id="footer"></div>
и не трогать файл.
14.08.2014 Просмотров: 1602 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar