Powered by Invision Power Board
Здравствуйте Гость ( Вход | Регистрация ) Выслать повторно письмо для активации

Forum Rules Правила раздела

В разделе задаются вопросы, связанные с настройкой, редактированием или внесением изменений во внешний вид (дизайн) вашего форума.

Перед созданием темы воспользуйтесь поиском. Возможно на ваш вопрос уже был дан ответ ранее.

Создание тем в разделе: Ваша тема будет удалена, если она нарушает правила форума/раздела.

  Reply to this topicStart new topicStart Poll

> Внешний вид #submenu скина IPB2
Сергей
Отправлено: Авг 12 2010, 09:22
Quote Post


<? echo"Кодер" ?>
Group Icon

Группа: Пользователи
Сообщений: 1 610
Пользователь №: 1 411
Регистрация: 5-Апреля 09
Member Offline

Репутация: 75




Примечание: разработано новое оформление #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><!--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 окончено.

Это сообщение отредактировал аsm-а - Янв 15 2015, 17:05
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Topic Options Reply to this topicStart new topicStart Poll