Такс...
Чтобы реализовать три колонки, на главной странице форума, нам надо отредактировать шаблон
index_body.html
. У вас уже есть одна боковая колонка, значит в этом шаблоне должно быть:
меняете его на:
Далее перед ним добавляете код для левой колонки:
Код: Выделить всё
<div class="left-body">
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl>
<dt>Заголовок</dt>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<li class="row">
<dl>
<dd>
Информация
</dd>
</dl>
</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- Плюс дополнительные колонки -->
</div>
В теме стиля находите:
Код: Выделить всё
.left-body {
width: 80%;
float: left;
}
.right-body {
width: 18%;
padding: 5px;
float: right;
}
и меняете на:
Код: Выделить всё
.left-body {
width: 20%;
padding: 5px;
float: left;
box-sizing: border-box;
}
.center-body {
width: 60%;
padding: 3px 5px;
float: left;
box-sizing: border-box;
}
.right-body {
width: 20%;
padding: 5px;
float: right;
box-sizing: border-box;
}
По поводу этих стикеров. Есть небольшой нюанс, на небольшом разрешении изображения будут вылезать за края. Можно конечно ограничить минимальную ширину. Делается это так, находите в теме стиля
body {
и добавляете к нему
min-width: 1150px;
. Значение можно своё указать.
Второй вариант.
C учётом правок в предыдущем варианте. Весь код правой колонки, начиная с
<div class="right-body">
переносите выше, сразу после левой колонки и перед центральной, должно получиться что-то вроде такого:
Код: Выделить всё
<div class="left-body">
<!-- Здесь код нашей левой колонки -->
</div>
<div class="right-body">
<!-- Здесь код нашей правой колонки -->
</div>
<div class="center-body">
<!-- INCLUDE forumlist_body.html -->
</div>
Далее правки стилей, старый код меняете на:
Код: Выделить всё
.left-body {
width: 240px;
padding: 5px;
float: left;
}
.center-body {
margin: 0 260px;
padding: 5px;
}
.right-body {
width: 240px;
padding: 5px;
float: right;
}
.section-index div.forabg, span.corners-bottom {
clear: none;
}
Этот вариант хорош тем, что колонки при любом разрешении экрана всегда остаются тех же размеров и, соответственно, изображения стикеров не будут вылезать за края форума.
Uzanka писал(а):Шапка широкая на весь экран.
По поводу шапки на весь экран. Реализовывается это всё с помощью CSS. Если интересно и есть изображение или цвет для шапки, могу рассказать как это реализовать.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!