|
Если вы хотите чтобы на вашем сайте или блоге сверкала такая же кнопка, то делается это в три простых шага:
1. Скачайте вот этот архив с двумя файлами. Первый — это сама картинка (verx.gif). Второй — это файл скрипта (verx.js).
Оба этих файла вам нужно закачать на ваш сервер, и положить картинку в папку images своего блога, а файл verx.js
в корень блога. Если кто не знает, что такое корень блога, объясню:
корень блога это главная папка, в которой лежат все файлы и папки (в
основном это httpdocs или public_html).
2. Скопируйте вот этот код:<noindex><a href="#" id="toTop">Наверх<img
src="http://ваш_сайт.ru/images/verx.gif" border="0"
align="absmiddle" /></a>
<script src="http://ваш_сайт.ru/verx.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script></noindex>
и вставьте его в главном файле вашего сайта. В основном это index.html, index.php. Для блога — это файл header.php, но советую вставить в файл footer.php в тело. (между тегами <body></body>) Не забудьте вместо ваш_сайт.ru подставить адрес вашего сайта.
3. Откройте файл таблицы стилей вашего шаблона сайта или темы блога style.css Для блога wordpress этот файл находится в папке с темой (wp-content/themes/ваша_тема/style.css) и вставьте в самый конец вот этот код:
#toTop {
width: 100px;
background: #f1f1f1;
border: 1px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;}Готово! Обновите страницу вашего сайта или блога и кнопка Наверх должна будет появляться в правом нижнем углу тогда, когда вы будете спускаться вниз страницы.
| 
