Движущая кнопка/ссылка сбоку от материала для перехода наверх страницы - как и чем?

Главные вкладки

Аватар пользователя Softovick Softovick 17 августа 2010 в 21:51

Здравствуйте, хотелось бы найти решение следующей задачи - необходимо при просмотре длинного материала (статья или галлерея) выводить сбоку от него небольшой блок с ссылкой или кнопкой для перехода наверх страницы. При этом хочется, чтобы кнопочка эта была все время посередине окна (справа или слева), т.е. при прокрутке любой длинны материала всегда можно нажать эту кнопочку и перескочит вверх страницы... Найти навскидку что-то не получилось - либо неправильно формулирую запрос, либо не то ищу.. Может кто подскажет - модуль или вариант решения какой?

Комментарии

Аватар пользователя Softovick Softovick 17 августа 2010 в 22:42

xxandeadxx wrote:
да, замените «button» на класс вашей кнопки

Добавил в файл style.css

.top-button {
  position: fixed;
  top: 0;
  left: 0;
}

Потом создал блок и вставил туда строку <span class="top-button">Наверх</span>
Не сработало. Что я не так придумал?

Аватар пользователя Softovick Softovick 17 августа 2010 в 22:46

xxandeadxx wrote:
что именно не сработало?

Странно, но после некоторых ковыряний этот код сработал... Спасибо за подсказку!

Аватар пользователя MaxxA MaxxA 25 августа 2011 в 22:08

У меня не работает описанный способ, добавляю в style.css темы

.retontop {
  top: 100px;
  left: 0;
  color: #b9ff49;
  padding: 1em;
  border: 1px solid #cc0000;
  background-color: #f4f4f4;
  position: fixed;
  }

В page.tpl.php вставляю <a class="retontop" href="#top">XXX</a>

Но появляется только ссылка в регионе, куда добавил, без форматирования заданного в css файле.

Если добавить <a class="retontop" href="#top">XXX</a> в блок, тоже нет форматирования.

Аватар пользователя MaxxA MaxxA 25 августа 2011 в 22:37

Разобрался все работает, посмотрел в Firebug'е - тема использует css из /sites/default/files/color/my_theme-19d1c2a9 - добавил туда заработало.