Футер (нижняя часть) для форумов BB3 и IPB

Универсальный способ, но в первую очередь предназначен для форумов BB3 и IPB.

Эта уловка позволяет разместить собственные копирайты и баннеры в нижней части форумов без вмешательства в шаблоны. Для этого нужно будет создать виджет на главной странице и потом (с помощью скрипта) переместить его содержимое вниз, под форум.

Внимание: такой футер рассчитан на перемещение баннеров без js-скриптов. Счетчики наподобие LiveInternet, Mail.ru и пр. могут установиться некорректно.
Если после установки футера весь форум "пропал" (отображается только пустая страница) — значит какие-то из баннеров перемещать нельзя. Их придется оставить в виджете.

1. Создайте новый персональный виджет на главной странице

Если Вы не хотите видеть виджеты на главной странице, прочитайте это (тыц!):

Вам надо будет создать левую колонку с одним виджетом, а потом замаскировать ее.
В ПА > Модули > Виджеты главной страницы > Показывать виджеты главной страницы - поставьте "да". Укажите минимальную ширину колонки - 180.

После этого добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS.

Код:

#content-container div#left {
display: none;
margin-right:0px;
}
#content-container div#content {
margin-right: 0px;
}

Откройте ПА > Модули > Виджеты главной страницы. Нажмите "Создать персональный виджет".
В настройках укажите:
• Имя виджета: любое, например Футер
• Использовать стандартный шаблон: нет
• Название виджета: оставляете пустым
В Содержание виджета помещаете код:

Код:

<div id="cntb" class="contbaner"><center>
СЮДА ВСТАВЛЯЕТЕ КОПИРАЙТЫ, БАННЕРЫ ДРУЗЕЙ и пр.
</center></div>


посмотреть скриншот:

Затем нажмите "Сохранить".
Поставьте этот виджет в левую колонку и еще раз нажмите кнопку "Сохранить".

Посмотреть скриншот:

Если у Вас активирован портал, не забудьте и туда добавить виджет "Футер" (в любую колонку)

Внимание! Все последующие баннеры добавляйте в этот же блок! Создавать каждый раз новый контейнер не надо!

2. Подключите скрипт

Откройте ПА > Модули > Управление кодами Javascript и нажмите кнопку "Создать новый Javascript".
Укажите в настройках —
Название : Футер
Расположение : На всех страницах
Код :

Для PhpBB3

Код:

jQuery(document).ready(function(){
jQuery("div#cntb").appendTo(jQuery('#wrap'));
});


скриншот:

Для IPB

Код:

jQuery(document).ready(function(){
jQuery('div#cntb').prependTo('div#gfooter');
});


скриншот:

Сохраните изменения, нажав "Ок"

3. Назначьте стиль для футера (не обязательно)

Добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS стиль для contbaner

Код:

.contbaner{
background-color: #C6CCE6;
background-image: url('http://i44.servimg.com/u/f44/16/54/26/99/klen1310.jpg');
border: 3px double #fff;
color:#fff;
font-size:15px;
text-align: center;
padding: 2px ;
margin: 5px 0px;
}

Где:
• background-color - цвет фона
• background-image - изображение фона
• border: 3px double #fff - толщина / вид / цвет бордюра
• color - цвет текста
• font-size - размер шрифта
• text-align - выравнивание текста (left - влево | center - по центру | right - вправо)
• padding - внутренние отступы
• margin: 5px 0px - внешние отступы сверху-снизу / справа-слева
Не забудьте сохранить изменения.

---

Пример футера для PhpBB3

Пример футера для IPB

© Данный туториал создан пользователем Dana Domirani. Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.

Скрипт для BB3 обновен.
Причина: модификация в управлении футером (нижней части страницы), которые были произведены на сервисе.

Если у Вас форум BB3 и Вы используете данный футер — пожалуйста, обновите скрипт.