Кнопка 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> | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 0 | |