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

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


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

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


Фотография

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
  • 2969 Cообщений
  • Пропуск №: 2


Репутация: 6801 Постов: 2969
  • 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К   скачиваний 77



#2
RUS_D

RUS_D

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

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


Репутация: 6801 Постов: 2969
  • 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.


"Бить не нужно, а не вникнут - разъяснять" © В.С. Высоцкий
я в скайпе - rus_did
Мои детство и юность прошли без Интернета. Может быть, поэтому я понимаю, что за языком надо следить, а за слова отвечать.





Количество пользователей, читающих эту тему: 0

0 members, 0 guests, 0 anonymous users

       Поездка в Припять и Чернобыль

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

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