Форум поддержки IPB.SU [Powered by Invision Power Board]

Примечание: разработано новое оформление #submenu для скина IPB2.

Ниже предоставлен скриншот, как это будет выглядеть.

user posted image

Руководство к установке нового оформления submenu на скин IPB2:

1. Редактирование стиля:
АЦ > Скины и шаблоны > Стили > Напротив действующего - Редактировать.

Необходимо найти:

Код

#submenu { background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif); border: 1px solid #FFF; border-top: 0; color: #3A4F6C; margin: 0 }

И заменить на:

Код

#submenu { background: transparent url(style_images/<#IMG_DIR#>/tile_sub.gif); border: 1px solid #FFF; border-top: 0; color: #3A4F6C; margin: 0; height: 29px; text-align: right; }

Далее необходимо найти:

Код

.ipb-top-right-link { background: transparent url(style_images/<#IMG_DIR#>/tile_sub-lite.gif); float: right; font-size: 10px; font-weight: bold; letter-spacing: 0.5px; margin: 0px; padding: 7px 0 7px 0; width: auto; border-left: 1px solid #dce3ee }

И заменить на:

Код

.ipb-top-left-link,
.ipb-top-right-link
{
background: transparent url(style_images/<#IMG_DIR#>/tile_sub-lite.gif);
float: right;
font-size: 10px;
font-weight: bold;
letter-spacing: 0.5px;
margin: 0px;
padding: 7px 0 7px 0;
width: auto;
border-left: 1px solid #dce3ee;
}

.ipb-top-left-link
{
float: left;
border-left: 0px;
border-right: 1px solid #dce3ee;
}

.ipb-top-left-link a:link,
.ipb-top-left-link a:visited,
.ipb-top-right-link a:link,
.ipb-top-right-link a:visited
{
background: transparent;
color: #3A4F6C;
padding: 0 6px 0 6px;
text-decoration: none;
}

.ipb-top-left-link a:hover,
.ipb-top-left-link a:active,
.ipb-top-right-link a:hover,
.ipb-top-right-link a:active
{
background: transparent;
color: #5176B5;
}

И сохранить проделанную операцию.

2. Редактирование шаблонов хтмл:
АЦ > Скины и шаблоны > HTML шаблоны > Напротив действующего - Настройка HTML > в выпадающеем меню выбрать "Редактирование шапки форума" и нажать "OK". В первом окне ищем такое:

Код

<table width="100%" cellspacing="6" id="submenu">
<tr>
<td><a href='{ibf.vars.home_url}'>{ibf.vars.home_name}</a></td>
<td align="right">
<a href='{ibf.script_url}act=rep&CODE=totals'>{ibf.lang.rep_name}</a>
  <a href='{ibf.script_url}act=Help'>{ibf.lang.tb_help}</a>
  <a href='{ibf.script_url}act=Search&f={$ibforums->input['f']}'>{ibf.lang.tb_search}</a>
  <a href='{ibf.script_url}act=Members'>{ibf.lang.tb_mlist}</a>
  <a href='{ibf.script_url}act=calendar'>{ibf.lang.tb_calendar}</a>
  <a href='{ibf.script_url}act=Arcade'>{ibf.lang.tb_arcade}</a>
  <a href='{ibf.vars.board_url}/journal.php'>{ibf.lang.tb_journal}</a>


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

И заменяем на:

Код

<div id="submenu">

<div class='ipb-top-left-link'><a href='{ibf.vars.home_url}'>{ibf.vars.home_name}</a> </div>

<div class='ipb-top-left-link'></div>

<div class='ipb-top-right-link'><a href='{ibf.script_url}act=rep&CODE=totals'>{ibf.lang.rep_name}</a></div>

<div class='ipb-top-right-link'><a href='{ibf.script_url}act=Help'>{ibf.lang.tb_help}</a></div>

<div class='ipb-top-right-link'><a href='{ibf.script_url}act=Search&f={$ibforums->input['f']}'>{ibf.lang.tb_search}</a></div>

<div class='ipb-top-right-link'><a href='{ibf.script_url}act=Members'>{ibf.lang.tb_mlist}</a></div>

<div class='ipb-top-right-link'><a href='{ibf.script_url}act=calendar'>{ibf.lang.tb_calendar}</a> </div>

<div class='ipb-top-right-link'><a href='{ibf.script_url}act=Arcade'>{ibf.lang.tb_arcade}</a> </div>

<div class='ipb-top-right-link'><a href='{ibf.vars.board_url}/journal.php'>{ibf.lang.tb_journal}</a></div>



</div>
</div>

3. Убераем баги:
АЦ > Скины и шаблоны > HTML шаблоны > Напротив действующего - Настройка HTML > Global HTML elements > rules_link напротив нажимаем Редактировать.

Заходим в шаблон и убираем:

Код

Всё, обновление оформления submenu окончено.