Оформление блока объявления [punBB] [phpBB2]

автор Домовой Апрель 17th 2012, 21:01

Для punBB

Откройте шаблон overall_header (Верхняя часть страницы), найдите фрагмент


<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">

<div>{switch_ticker.ticker_row.ELEMENT}</div>

</div>
</div>
</div>
</div>
</div>
</div>


В этом фрагменте class main-content clearfix замените на свой class, к примеру obyava.
Сохраните и опубликуйте шаблон.

Теперь зададим оформление блоку объявления.
Для этого в CSS вставьте код

Код:: /*Фон объявления*/ .obyava { background-color: #FF0000; /*цвет фона*/ border:#B38000 3px double; /*цвет, толщина и стиль рамки*/ }

Для phpBB2

Откройте шаблон overall_header (Верхняя часть страницы), найдите фрагмент

<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">

<div>{switch_ticker.ticker_row.ELEMENT}</div>

</div>
</div>
</div>
</td>
</tr>
</table>
</div>

class forumline замените на obyava_a

class row1 замените на obyava_b

Сохраните и опубликуйте шаблон.

В CSS вставьте код

Код:: /*Фон объявления*/ .obyava_a { background-color: #FF0000; /*цвет фона*/ border:#B38000 3px double; /*цвет, толщина и стиль рамки*/ }

При желании фон можно сделать фоновой картинкой.
Для этого в коде надо заменить строчку

Код:: background-color: #FF0000; /*цвет фона*/

на это

Код:: background-image:url("http://ссылка на фоновую картинку");

Пример:

Оформление блока объявления [punBB] [phpBB2] 3141025m