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

Выровнять submenu по центру. Как выровнять ссылки в submenu по центру

#1 Serezhka

Member

Группа: Пользователи
Сообщений: 12
Регистрация: 16-марта 09
IPB version:2.3.x

Отправлено 10 мая 2009 - 14:02

Здравствуйте!
Использую стандартный шаблон (IPB Classic Blue) в версии 2.3.6
Нужно выровнять сслыки:

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

по центру

И в принципе, я понимаю, что нужно править CSS (submenu или ipb-top-right-link) но сколько я не мучаюсь, они по-прежнему остаются справа.
Я уже и таблицу отдельную вставил, и там прописал выравнивание по центру. Но бесполезно.
Можт секрет какой есть? :-)
Спасибо.

Наверх of the page up there ^

#2 L-7

Advanced

Группа: IPB Skins.ru Team
Сообщений: 539
Регистрация: 21-марта 09
Откуда:Москва
IPB version:2.3.x

Отправлено 10 мая 2009 - 16:04

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

Наверх of the page up there ^

#3 Fisana

Еще та Фыр :)

Группа: IPB Skins Team
Сообщений: 8 957
Регистрация: 21-ноября 05
Откуда:Москва – Мытищи
IPB version:3.1.x

Отправлено 10 мая 2009 - 16:08

Не получается из-за параметров div
Если убрать float, div приводит к переносу строк.
1. Ваш скин > Редактирование HTML > skin_global

В шаблонах

global_board_header
global_board_header_component_link
rules_link

Убираем все теги, окружающие ссылки.
<div class='ipb-top-left-link'> </div>
<div class='ipb-top-right-link'> </div>

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

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

Наверх of the page up there ^

#4 Serezhka

Member

Группа: Пользователи
Сообщений: 12
Регистрация: 16-марта 09
IPB version:2.3.x

Отправлено 10 мая 2009 - 16:57

Cпасибо!
Все получилось.

Наверх of the page up there ^

#5 DKarts

Newbie

Группа: Пользователи
Сообщений: 7
Регистрация: 10-сентября 09
IPB version:2.3.x

Отправлено 10 сентября 2009 - 17:45

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

"Убираем все теги, окружающие ссылки.
<div class='ipb-top-left-link'> </div>
<div class='ipb-top-right-link'> </div>"

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

Сообщение изменено: DKarts (10 сентября 2009 - 17:46)

Наверх of the page up there ^

#6 Fisana

Еще та Фыр :)

Группа: IPB Skins Team
Сообщений: 8 957
Регистрация: 21-ноября 05
Откуда:Москва – Мытищи
IPB version:3.1.x

Отправлено 10 сентября 2009 - 19:23

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