-->

Перейти к содержимому


       Торент трекер от http://stalker-worlds.ru        Хранилище сайта http://stalker-worlds.ru        Онлайн Сталкер Канал Унесенные Сталкером Присоединяйся к нашему сообществу на facebook Вступай в нашу группу в контакте

Чернобыльская авария 26.04.1986 - мы помним!


Добро пожаловать к нам на сайт! Про Ваш статус и права можно прочитать в Этой теме

Для просмотра картинок и скачивания файлов с форума - пройдите регистрацию!   Проблемы с регистрацией - вам сюда


Фотография

IPB 3.4.x кнопки "Вниз" и "Вверх"

IPB 3.4.x кнопки IPB 3.4.x кнопки Вниз IPB 3.4.x кнопки Вверх

  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1
RUS_D

RUS_D

    Главный АДМИН

  • В сети
  • Тех. Админ
  • админ Администратор
  • Старожил сайта
<- Информация ->
  • PipPipPipPip
  • Регистрация:
    08-December 08
  • 4201 Cообщений
  • Пропуск №: 2


Репутация: 6914 Постов: 4201
  • Skype:rus_did
  • Страна проживания:Украина
  • Реальное имя:Руслан
  • Пол:Мужчина
  • Город:Полтавская обл.

Создание кнопок "Вниз" и "Вверх" для форума.

 

Для удобства прокрутки форума, в особенности если он длинный создадим дополнительные кнопки:

Прикрепленный файл  strelki.png   23.31К   скачиваний 2

 

1. В globalTemplate в самый низ (перед </body> ) добавить этот код

<a href="#" id="gotop" title='Наверх ^' style='opacity: 0.7; display: inline;'></a>
<a href="#topic_stats" id='gotobottom' title='Вниз' style='opacity: 0.7; display: inline;'></a>

1. В стиль ipb_style.css  добавить этот код

#gotop {position: fixed;
width: 45px;
height: 45px;
right: 5px;
bottom: 78px;
display: block;
background: url("{style_images_url}/gotop2.png") no-repeat;
z-index: 9998;
display: none;
}
#gotobottom {
position: fixed;
width: 45px;
height: 45px;
bottom: 35px;
right: 5px;
display: block;
background: url("{style_images_url}/gotop1.png") no-repeat;
z-index: 9998;
display: none;
}

Не забываем залить картинки в папки со стилями

Прикрепленный файл  strelki.zip   5.55К   скачиваний 81



#2
RUS_D

RUS_D

    Главный АДМИН

  • В сети
  • Тех. Админ
  • админ Администратор
  • Старожил сайта
<- Информация ->
  • PipPipPipPip
  • Регистрация:
    08-December 08
  • 4201 Cообщений
  • Пропуск №: 2


Репутация: 6914 Постов: 4201
  • Skype:rus_did
  • Страна проживания:Украина
  • Реальное имя:Руслан
  • Пол:Мужчина
  • Город:Полтавская обл.

Дополнение :)
Так как кнопка вниз работает только внутри темы :(
Пришлось покумекать и родить вот такой вариант.

<a href="#bottom" id='gotobottom' title='Вниз' style='opacity: 0.7; display: inline;'></a>

в globalTemplate  после этого кода

<strong>{$this->lang->words['stat_gzip']}</strong> {$stats['gzip_status']}
</div>
</if>

поставить <a id="bottom"></a>

 

И радуемся полноценной кнопке ВНИЗ на всём форуме.

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






яндекс.метрика
Button automatically alert search engines 31x31 WHOIS.UANIC.NAME - Identify traffic by Google

реклама на сайте подключена