понедельник, 5 марта 2018 г.

Варианты стрелок вверх-вниз для блога Blogspot


 Продолжаем тему стрелочек для прокрутки страниц. В этом посте поговорим не только о стрелке-вверх для прокрутки, но и о стрелке-вниз.
Часто случается, что-то читали, и помним, что информация где то в конце поста, и начинаешь крутить колесико мышки.


Согласитесь, нажав на стрелку-вниз, удобнее и быстрее. В первом варианте ниже, я предлагаю готовый скрипт, вы можете его скопировать и вставить себе в дизайн-добавить гаджет-Html/Javascript-вставить-сохранить. Стрелки будут вот такого вида, смотрим слева.

<a style="display:scroll;position:fixed;bottom:270px;right:5px;" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://s020.radikal.ru/i723/1308/23/da5dc9b36f7e.png"/></a><br/><a style="display:scroll;position:fixed;bottom:225px;right:5px;" href="#GoDown"><img style="border:0;" src="http://s018.radikal.ru/i528/1308/08/f5b83c27b165.png"/></a>


А дальше посмотрите изображения стрелок со ссылками на них, и если кому то понравится, то можете копировать адреса и подставлять в код. URL адреса  верхней и нижней стрелок в коде у меня выделены разным фоновым цветом.

Скопировав только этот код, у вас будет работать одна стрелка вверх. Как установить код корректно, чтобы работали обе стрелки, перейдёте по ссылке внизу поста, после картинок со стрелками и внимательно прочитайте.
http://s018.radikal.ru/i523/1308/4e/a873b2e968a0.png
http://i038.radikal.ru/1308/4c/b24512b15744.png

http://i019.radikal.ru/1308/c5/504bad27cb8a.png
http://s019.radikal.ru/i616/1308/2d/31e03e78b788.png

 https://sites.google.com/site/poleznoznat/r11.png
http://s006.radikal.ru/i215/1308/84/ef88705ba018.png

https://sites.google.com/site/poleznoznat/r7.png
http://s017.radikal.ru/i419/1308/3b/61882b139eba.png


http://s61.radikal.ru/i171/1308/2f/e938221c0bde.png

http://s018.radikal.ru/i526/1308/da/a8b3506b7408.png

http://s020.radikal.ru/i723/1308/23/da5dc9b36f7e.png

http://s018.radikal.ru/i528/1308/08/f5b83c27b165.png

http://s020.radikal.ru/i702/1308/db/2676ad8cf431.png


http://s019.radikal.ru/i609/1308/3c/0c9b4ec8261f.jpg

Чтобы скопировать код, перейдите сюда. Ссылки двух последних стрелок попробуйте вставить как верхнюю.

Проверила сейчас две последних ссылки на стрелки. Вставила в код, что выше на странице, работает только прокрутка "вверх". По всей вероятности нужен другой скрипт. Будем искать. Ну вот и все. Надеюсь информация была для Вас полезной. Делитесь с друзьями и знакомыми в социальных сетях. Всего доброго.


Комментариев нет:

Отправить комментарий