Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Домовой в Вт 17 Апр - 21:01

Для punBB

Откройте шаблон overall_header (Верхняя часть страницы), найдите фрагмент
<!-- BEGIN switch_ticker -->
<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">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
В этом фрагменте class main-content clearfix замените на свой class, к примеру obyava.
Сохраните и опубликуйте шаблон.

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



Для phpBB2

Откройте шаблон overall_header (Верхняя часть страницы), найдите фрагмент
<!-- BEGIN switch_ticker -->
<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">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
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://ссылка на фоновую картинку");

Пример:




Домовой
 

Мужчина

Сообщения : 6799
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения