Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Serezhka

Выровнять submenu по центру.

Recommended Posts

Здравствуйте!

Использую стандартный шаблон (IPB Classic Blue) в версии 2.3.6

Нужно выровнять сслыки:

 

Календарь Пользователи Поиск Помощь

 

по центру

 

И в принципе, я понимаю, что нужно править CSS (submenu или ipb-top-right-link) но сколько я не мучаюсь, они по-прежнему остаются справа.

Я уже и таблицу отдельную вставил, и там прописал выравнивание по центру. Но бесполезно.

Можт секрет какой есть? :-)

Спасибо.

Share this post


Link to post
Share on other sites

Админцента-->Внешний вид-->Ваш скин-->Skin_global-->Global_board_header - вам видимо сюда.

Share this post


Link to post
Share on other sites

Не получается из-за параметров div

Если убрать float, div приводит к переносу строк.

1. Ваш скин > Редактирование HTML > skin_global

 

В шаблонах

 

global_board_header

global_board_header_component_link

rules_link

 

Убираем все теги, окружающие ссылки.

 

Серединку только не трогайте!

 

В global_board_header

Находим

<div id="submenu">

Заменяем на

<div id="submenu"><div class="submenu">

Находим

<!--ipb.rightlinks.end-->

Добавляем ниже

</div>

 

2. Идем в расширенный режим редактирования css

Находим:

#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;
}

Заменяем на

#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: center;
font-size: 10px;
font-weight: bold; 
letter-spacing: 0.5px;
}

.submenu{
padding: 7px 0 7px 0;
}

.submenu a:link, 
.submenu a:visited
{ 
background: transparent; 
color: #3A4F6C;
padding: 0 7px;
text-decoration: none;
}

.submenu a:hover, 
.submenu a:active
{
background: transparent; 
color: #5176B5; 
}

Share this post


Link to post
Share on other sites

Cпасибо!

Все получилось.

Share this post


Link to post
Share on other sites

Не понял вот этот момент:

 

"Убираем все теги, окружающие ссылки.

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

<div class='ipb-top-right-link'> </div>"

 

Объясните пожалуйста новичку какие именно теги убрать =)

Edited by DKarts

Share this post


Link to post
Share on other sites

Теги, которые окружают переменные для вывода ссылок в меню.

Создайте копию дефолтного скина и потренируйтесь на нем. Я не могу написать инструкцию лучше, чем уже дала.

Расчитано на минимальные знания.

Share this post


Link to post
Share on other sites
Теги, которые окружают переменные для вывода ссылок в меню.

Создайте копию дефолтного скина и потренируйтесь на нем. Я не могу написать инструкцию лучше, чем уже дала.

Расчитано на минимальные знания.

Всё, огромное спасибо) немного лишнего стёр) метод тыка и ошибок дал ожидаемый результат.

Share this post


Link to post
Share on other sites

привет ребят я наверно не по теме! помогите как выровнить ?

Share this post


Link to post
Share on other sites

Что выровнять? Подробнее опишите, скриншот приложите

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...