Бывают всякие страницы, в том числе и очень приочень длинные, и чтобы не вертеть колесиком мыши, или же просто не тащить постоянно скролл существуют такой помошник, как кнопка "вверх". Именно они без проблем перемотают нас верх страницы. Одну из таких я и предлагаю вам поставить на свой сайт, она чем то похожа на кнопку вконтакте, но основное стилевое решение было взято с сайта kinopoisk.
Слева у нас есть область которая по всей высоте окна браузера кликабельна как и кнопка "наверх" находящаяся в ней, при клике на эту область мы плавно поднимаемся вверх страницы. Для сайтов у которых разрешение экрана меньше или равно 1024px, будет видна только стрелка вверх, чтобы серый фон не закрывал часть сайта.
Установка CSS
Теперь давайте начнем установку на сайт, тем более что она крайне проста, вначале скопируем данный код в таблицу стилей, ПУ / Дизайн / Управление дизайном (CSS)
На этом установка кнопки вверх для сайта закончена, по традиции я предлагаю несколько цветовых схем, чтобы каждый мог без труда применить сразу, полностью готовое решение у себя на сайте. Чтобы изменить основной цвет кнопки наверх, измените в html коде, класс blue на нужный из списка
blue - голубой green - зеленый red - красный orange - оранжевый purple - пурпурный grey - серый
Скачать Кнопка вверх (new)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
Просмотров: 283 | Добавлено: 13.02.2013, 13:46
Использование материалов сайта без согласия их авторов - запрещено.Все материалы, опубликованные на нашем ресурсе и доступные для скачивания файлы предоставлены в сугубо ознакомительных целях. Администрация ресурса не несет никакой ответственности в любом ее виде за дальнейшее распространение информации!Если Вы являетесь разработчиком программного обеспечения, представленного на данном ресурсе и считаете, что размещение каких либо файлов, нарушает Ваши авторские права, тогда свяжитесь с администрацией сайта, и мы удалим эти файлы.
Комментарии
Всего комментариев: 0
Информация
Добавлять
комментарии могут только зарегистрированные пользователи. По всем вопросам обращайтесь к администратору сайта.