Перейти к публикации
View in the app

A better way to browse. Learn more.

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

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Выровнять 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 года спустя...
Опубликовано:

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

Опубликовано:

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

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

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.