Powered by Invision Power Board

  Reply to this topicStart new topicStart Poll

> Внешний вид #submenu скина IPB2
asm-a
Отправлено: Окт 22 2020, 23:32
Quote Post


Новичок
*

Группа: Администраторы
Сообщений: 4
Пользователь №: 2
Регистрация: 16-Сентября 20
Статус: Offline

Репутация: нет




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

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

Присоединённое изображение

Руководство к установке нового оформления 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><!--IBF.RULES--></td>
<td align="right">
<a href='{ibf.script_url}act=rep&CODE=totals'>{ibf.lang.rep_name}</a>
  &nbsp;&nbsp;<a href='{ibf.script_url}act=Help'>{ibf.lang.tb_help}</a>
  &nbsp;&nbsp;<a href='{ibf.script_url}act=Search&amp;f={$ibforums->input['f']}'>{ibf.lang.tb_search}</a>
  &nbsp;&nbsp;<a href='{ibf.script_url}act=Members'>{ibf.lang.tb_mlist}</a>
  &nbsp;&nbsp;<a href='{ibf.script_url}act=calendar'>{ibf.lang.tb_calendar}</a>
&nbsp;&nbsp;<a href='{ibf.script_url}act=Arcade'>{ibf.lang.tb_arcade}</a>
&nbsp;&nbsp;<a href='{ibf.vars.board_url}/journal.php'>{ibf.lang.tb_journal}</a>
  <!--IBF.CHATLINK-->
  <!--IBF.TSLLINK-->
</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'><!--IBF.RULES--></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&amp;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>
 
<!--IBF.CHATLINK-->
<!--IBF.TSLLINK-->
</div>
</div>


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

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

Код
&nbsp;&middot;


Всё, обновление оформления submenu окончено.
PMEmail Poster
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Topic Options Reply to this topicStart new topicStart Poll


 


Мобильная версия