Форум в рамке [bb2]

[Депрессняк]

Линии сбоку форумов. Реально ли сделать так же?

[Dana Domirani]

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

[Депрессняк]

Можно ли с вами где-то подробнее это обсудить? icq? Если, конечно, вы не против.

[Dana Domirani]

Ну хотел бы посмотреть на это

Можно посмотреть тестовик:



Lostland изначально на IPB, более гибком, чем табличный bb2. В bb2 для красиво вписанных заголовков категорий, например, придется пожертвовать внутренними отступами и потом прописывать их вручную в нескольких шаблонах.

[Депрессняк]

Блииин хочу так же сделать. А теперь поподробнее?

[Dana Domirani]

Вариант первый (с рамкой, но без шапок категорий)

Для начала необходимо создать 3 фрагмента:
- Фон шапки (с изображением верхней части рамки)
- Основной фон, который будет растягиваться по высоте (левый и правый край с пустым центром)
- Подвал (нижняя часть рамки)
Все элементы должны состыковываться между собой без швов и быть одинаковой ширины.

образцы:

1. Установите в ПА> Общие > Конфигурация такую же ширину форума, как у вышеуказанных фрагментов (в примере - 1100px).

2. Сначала сужаем внутреннюю часть форума, чтобы она помещалась в рамку. Добавляем в ПА > Оформление > Цвета > Каскадная таблица стилей CSS:

Код:

.three-col {
border: 0px;
margin: 0 auto;
width: 93%;
}

Примечание: если рамка будет широкой, уменьшите процент ширины до 90%, 85% и т.д., пока содержимое не впишется.

Назначаем фону форума соответствующее изображение:

Код:

.bodyline {
background: #fff url('http://s39.radikal.ru/i085/1007/4b/e902fcc8edd3.jpg') repeat top center;
border: 0px;
padding: 0px;
}

Прописываем фон для подвала

Код:

#page-footer {
border: 0;
background: transparent url("http://s61.radikal.ru/i172/1007/80/fc97dd397f1c.jpg") bottom center no-repeat;
height: 270px;
}

Примечание: height изменяем по высоте своего подвала

И будущий стиль для шапки:

Код:

.top-gen {
border: 0;
background: transparent url("http://s13.radikal.ru/i186/1007/d0/4f94d4237d4f.jpg") top center no-repeat;
height: 270px;
}

Примечание: height изменяем по высоте своей шапки
Сохраняем CSS.

2. Далее нужно назначить шапке этот стиль. Откройте ПА> Оформление > Шаблоны > Общие настройки > шаблон "overall_header_new" (Верхняя часть страницы).
Найдите фрагмент кода:

Код:

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
 <td class="bodyline">
 <table width="100%" cellspacing="0" cellpadding="0" border="0">

и замените последнюю строку на следующую (с добавленным стилем):

Код:

<table width="100%" cellspacing="0" cellpadding="0" border="0" class="top-gen">

Сохраните шаблон и опубликуйте (!)? нажав на   
Поверх этой шапки-фона можно свободно накладывать логотип, поэтому что на ней будет изображено, кроме рамки - решайте сами.
Все.

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

[Депрессняк]

Спасибо огромное!

[Sunnyta]

Оформите, плиЗ, туториалом. Чтоб не затерялось в дебрях

[Ринкате]

Большое спасибо)))))

[Dana Domirani]

Рада была помочь.