Информер по дизайну и оформлению напоминает DLE вариацию варез шаблона, но это так и есть так как была сделана копия под uCoz и адаптация под информационные блоки стандарта.Ширина блока 585px. DLE голубой информер для форума uCoz.
Блок очень удобен информативностью и схож с меню, предназначается для светлых шаблонов с элементами голубой, синей окраски как узоры или окантовки в общий стиль.
Можно изменить размеры под свои стандарты, если отредактировать графику в своих размерах ширины.
Создаем информер с следующим содержанием настроек, Информеры > Создать информер > Название - Любое (у меня "информер форума :)") > Раздел: Форум > Способ сортировки: Последние обновлённые темы >
Количество материалов: 10 > Количество колонок: 1.
Code
<li><span class="numf">$REPLIES$</span><a href="$THREAD_URL$" title="$FORUM$">$THREAD_TITLE$</a></li>
Так же создать с этим же содержанием и для популярных тем.
копируем код информера
$MYINF_№$ и вставляем,в 1 блок обновленные темы, во второй популярные.
Сам блок вставляем в низ или вверх перед $BODY$ учитывая ширину и вместимость ширины блока таблицы.
Code
<table class="informer" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="2" align="center" valign="top">
<div class="tableTitle">Новое на форуме</div>
<ul>
$MYINF_1$
</ul>
</td>
<td colspan="2" align="center" valign="top">
<div class="tableTitle">Популярное на форуме</div>
<ul>
$MYINF_2$
</ul>
</td>
</tr>
<tr>
<td colspan="5" class="infFooter"></td>
</tr>
</tbody></table>
Все настройки размеров производятся в стилях, при редактирование графических элементов.
В таблицу стилей вставляем стилизованность эффекта строения информеров.
Code
.informer { background: url('http://ucozon.ru/_dr/60/55944282.png') 0 0 no-repeat, url('http://ucozon.ru/_dr/60/68702626.png') 0 35px repeat-y; width:585px; height:auto; padding-top:45px; }
.informer .tableTitle { font-size:12px; color:#009AD8; text-align:center; }
.informer ul { list-style:none; padding:0px; margin:0px 5px; }
.informer li { background: url(' ') 7px 12px no-repeat, url('http://ucozon.ru/_dr/60/88250784.png') 0 0 no-repeat; list-style:none; text-align:left; width:276px; height:26px; overflow:hidden; line-height:26px; }
.informer li a { padding-left:15px; color:#121212; text-decoration:none; }
.informer li a:hover { color:#009AD8; text-decoration:underline; }
.informer .numf { background: url('http://ucozon.ru/_dr/60/98398609.png') 0px 5px no-repeat; float:right; margin-right:5px; text-align:center; width:51px; height:24px; color:#FFF; font-size:12px; }
.informer .infFooter { background: url('http://ucozon.ru/_dr/60/15396950.png') 0 bottom no-repeat; height:15px; }
Меню сайта
Меню сайта
