Стрелка навигации для сайта

[ignasio]

Дайте, пожалуйста, код кнопки для сайта, где будет стрелка справа для навигации вверх/вних страницы. И за одно дайте адрес кода, чтобы кнопка была или слева, или справа

Это сообщение отредактировал ignasio - Сен 4 2013, 15:36

[AweDer]

ignasio,Ну так как эта тема относится больше к внешнему виду, то я ее перенесу в нужный раздел.

Теперь насчет как сделать стрелки:

Идем в : Глобальные шаблоны (Global HTML elements) - Board Header (logo, links, etc) и в самый низ ставим этот код:

Код

<div style= "position:fixed; right:0.3%; bottom:45%;" id="nav_up"><img src="http://s58.radikal.ru/i160/1212/33/2a174db83fc2.png" alt="В верх страницы" title="В верх страницы" border="0"/></div>
<div style= "position:fixed; right:0.3%; bottom:40%;" id="nav_down"><img src="http://s001.radikal.ru/i196/1212/11/0e4cd0468f04.png" alt="В низ страницы " title="В низ страницы" border="0"/></div>

Где в этом коде:

Код

http://s58.radikal.ru/i160/1212/33/2a174db83fc2.png

отвечает на изображение стрелки, которое вы можете поменять сами в любой момент.

Цитата

И за одно дайте код, кнопки слева и справа

А это вам зачем ? Что это вам даст?

[ignasio]

Ничего не даст, слево справа, просто хотел за одно понять как разместить слева, пусть это будет другой код, баннера допустим.
но хотел просто узнать как выставляются значки и слева тоже
А за код спасибо.
И ещё, а если я найду код или сам, что-то нарисую, то тоже в этот шаблон ставить выше или ниже не важно?

[AweDer]

Цитата (ignasio @ Сен 4 2013, 15:47)

Ничего не даст, слево справа, просто хотел за одно понять как разместить слева, пусть это будет другой код, баннера допустим.
но хотел просто узнать как выставляются значки и слева тоже
А за код спасибо.
И ещё, а если я найду код или сам, что-то нарисую, то тоже в этот шаблон ставить выше или ниже не важно?

Разместить можно в тот же шаблон, только я не уверен что кто либо, такой код использует на сайтах. Хотя если постараться то можно с этого кода переделать на то что вы хотите, но я делать это не буду.

[admin]

Цитата (ignasio @ Сен 4 2013, 16:47)

Ничего не даст, слево справа, просто хотел за одно понять как разместить слева

Просто right на left в коде поменяйте

[AweDer]

admin,Я видно еще не совсем с отпуска отошел, я вообще решил что пользователь желает поставить Горизонтальную прокрутку, но если просто слева сделать вертикальную прокрутку, то да просто поменять право на лево.

[Rainbow]

Цитата (AweDer @ Сен 4 2013, 16:41)

Идем в : Глобальные шаблоны (Global HTML elements) - Board Header (logo, links, etc) и в самый низ ставим этот код:

Здравствуйте.
Вот элементарная же инструкция.
Все сделала, как указано.
Скопировала код в самый низ Глобальные шаблоны (Global HTML elements) - Board Header (logo, links, etc).
Стрелки появились... но ничего не работает.
Подскажите, пожалуйста, что я сделала не так?

[Грея]

Rainbow, код, наверное, неполный, у меня тоже не работал. Попробуйте этот, у меня работает:

Код

<div style= "position:fixed; right:0.3%; bottom:45%;" id="nav_up"><a href='javascript:scroll(0,0);'><img src="http://s58.radikal.ru/i160/1212/33/2a174db83fc2.png" alt="В верх страницы" title="В верх страницы" border="0"/></a></div>
<div style= "position:fixed; right:0.3%; bottom:38%;" id="nav_down"><a href='javascript:scroll(90000,90000);'><img src="http://s001.radikal.ru/i196/1212/11/0e4cd0468f04.png" alt="В низ страницы " title="В низ страницы" border="0"/></a></div>

[Rainbow]

Грея, да, огромное спасибо, теперь все работает.)

[ElviSS]

А полупрозрачными стрелки можно сделать ? По принципу мода "Прозрачный аватар"..

[Snow]

Добавьте в div style

Код

filter: alpha(opacity=50);opacity: 0.5;

[ElviSS]

Snow, с параметром opacity: 0.2 получил желаемый результат

[RedCat]

Извините,что поднимаю старую тему, установила вот эти стрелки вверх-вниз,все отлично,но сегодня стрелка вниз пропала и по ссылке на картинку отображается абракадабра..стрелка вверх работает

[AweDer]

RedCat,Вам нужно просто перезалить картинки стрелок по новому на любой хостинг изображений.

Вот код стрелка вверх:

Цитата

<div style= "position:fixed; right:0.3%; bottom:45%;" id="nav_up"><a href='javascript:scroll(0,0);'><img src="http://s58.radikal.ru/i160/1212/33/2a174db83fc2.png" alt="В верх страницы" title="В верх страницы" border="0"/></a></div>

То что жирным то это ссылка на картинку.

Вот код стрелка вниз.

Цитата

<div style= "position:fixed; right:0.3%; bottom:38%;" id="nav_down"><a href='javascript:scroll(90000,90000);'><img src="http://s001.radikal.ru/i196/1212/11/0e4cd0468f04.png" alt="В низ страницы " title="В низ страницы" border="0"/></a></div>

[RedCat]

ой, спасибо за быстрый ответ,я уже так и сделала и установила. все отлично