Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

Дизайн и модификация Invision Community

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

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

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

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

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

 

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

 

по центру

 

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

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

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

Спасибо.

Рекомендованные сообщения

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

Не получается из-за параметров 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; 
}

  • Автор

Cпасибо!

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

  • 4 месяца спустя...

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

 

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

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

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

 

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

Изменено пользователем DKarts

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

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

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

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

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

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

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

  • 4 года спустя...

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

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

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.