кнопка вверх вниз для сайта

кнопка вверх вниз для сайтаЭта статья написана в продолжение статьи о том, как сделать кнопку вверх для сайта.

Хочу уточнить. Сейчас будем учиться как сделать кнопки именно с помощью рисунков и кода, а не текстом и кодом.

Кнопки вверх вниз для сайта с помощью картинок

Лишний раз хочу напомнить о статье – Зачем нужны якорные ссылки, как сделать якорь на странице . Прочитайте, очень нужно.

Кнопки вверх вниз для сайта делаются аналогично! Та же технология. Только якоря ставятся не в статье, а в вашем шаблоне.

Этими кодами задаем изображения кнопок. (это, конечно, не панацея, просто пример). Изображения стрелок можно скачать в интернете.

Это код надо поставить в то место, куда надо переместиться. У меня стоит в файле footer.php. Я использую это для кнопки вниз.

Для кнопки вверх значок # означает переход в начало страницы.

Теперь о файле таблица стилей (style.css). Код здесь немного отличается от кода с текстом, написанным в статье про кнопку вверх для сайта.

Верхний код для стрелки вверх, нижний для стрелки вниз.

Еще раз хочу заметить, что размеры и положение кнопок-стрелок можно менять.

Удачи!

Возможно вы это ищете:

НадеждаСкрипты и кодыкнопка вверх вниз для сайта
Эта статья написана в продолжение статьи о том, как сделать кнопку вверх для сайта. Хочу уточнить. Сейчас будем учиться как сделать кнопки именно с помощью рисунков и кода, а не текстом и кодом. Кнопки вверх вниз для сайта с помощью картинок Лишний раз хочу напомнить о статье - Зачем нужны якорные ссылки, как...

Возможно Вас также заинтересует:

Убираем с главной страницы и RSS записи рубрики
Продолжаем улучшать функционал и внешний вид сайта. Убираем ненужные записи с главной страницы и RSS.   
Увеличение изображения на сайте – очень простой способ
Конечно, способов увеличения изображений существует достаточно много. И в основном используются применения скриптов и плагинов. По-моему мнению такие методы оправданы в случае ресурсов с огромным ...
Хлебные крошки на сайте wordpress
Хлебные крошки на сайте - что это и как сделать? 
Как сделать тень у текста за 5 минут
Здравствуйте, уважаемый читатель моего блога. В этой статье вы научитесь создавать за 5 минут с помощью стилей css и кода html тень текста. 
Как сделать кнопку скачать с помощью кода css
Здравствуйте, уважаемый читатель моего блога. Продолжаю тему о кнопках. В этой статье пойдет речь о том как сделать кнопку скачать с помощью кода css.
Как добавить кнопки социальных сетей
В этой статье просто хочу поделиться скриптом, который устанавливается на сайт и в результате добавляются красивые кнопки социальных сетей, передвигающиеся вслед за просмотром. Вдруг кому-то ...
Как убрать автора поста wordpress
Данная статья посвящена теме как убрать автора в статье или на странице wordpress.  Причем, убирать автора вордпресс будем способом правки кода шаблона. 
Вывод php кода в блоге на WordPress
Эта тема, наверно, будет интересна для веб мастеров, которым надо в запись вставить php код.