Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
avgaz

Отступы у логотипа и реклама рядом

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

08/02/17 15:19 (изменено)

Добрый день,есть два вопроса.

1. как убрать отступы у логотипа с верху и снизу как на скрине отмечено.

2. Как разместить баннер из Рекламы то есть по ключу {advertisement="KEY"} что бы он был как на скрине, а при адаптации то есть на мобильниках он располагался под логотипом

post-16492-0-75359100-1501687930_thumb.png

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

Поделиться сообщением


Ссылка на сообщение

1. как убрать отступы у логотипа с верху и снизу как на скрине отмечено.

В дефолтном стиле это

#ipsLayout_header header {
   padding: 5px 0;
   background-color: #3d6594;
   padding-bottom: 40px;
}

Для верхнего отступа меняйте 5px

Для нижнего отступа меняйте 40px

Лучше не искать этот код, чтобы изменить, а добавить необходимое в custom.css

 

2. Как разместить баннер из Рекламы то есть по ключу {advertisement="KEY"} что бы он был как на скрине, а при адаптации то есть на мобильниках он располагался под логотипом

Оборачиваете баннер и лого в div каждый и добавляете css св-во

display: inline-block;

Поделиться сообщением


Ссылка на сообщение

Оборачиваете баннер и лого в div каждый и добавляете css св-во

display: inline-block;

можно плиз пример как это сделать ((

Поделиться сообщением


Ссылка на сообщение

html

<div class='cLogoAdvert'>
{template="logo" app="core" group="global" params=""}
</div>
<div class='cLogoAdvert'>
{advertisement="KEY"}
</div>

css

.cLogoAdvert {
   display: inline-block;
}

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

html

<div class='cLogoAdvert'>
{template="logo" app="core" group="global" params=""}
</div>
<div class='cLogoAdvert'>
{advertisement="KEY"}
</div>

css

.cLogoAdvert {
   display: inline-block;
}

Спасибо, а как выравнять рекламный баннер по центру между логотипом и юзербаром? а то сейчас он смещен к логотипу

Поделиться сообщением


Ссылка на сообщение

попробовал вот так

   <div class='ipsColumns'>
<div class='ipsColumn ipsColumn_veryWide'>{template="logo" app="core" group="global" params=""}</div>
<div class='ipsColumn ipsColumn_fluid'>{advertisement="123"}</div>
<div class='ipsColumn ipsColumn_fluid'>{{if !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
			</div></div>

так выходит, что при адаптации баннер не переносится ниже логотипа (( в вашем коде с inline-block нормально баннер при адаптации встает ниже логотипа, но вот как бы его просто выравнять между логотипом и юзербаром

Поделиться сообщением


Ссылка на сообщение

Последний абзац

Responsiveness

 

To cause the layout to collapse on smaller devices, add the classnames ipsColumns_collapseTablet or ipsColumns_collapsePhone to the wrapper element. Columns will collapse into source-order, one after the other.

Нужно добавить ipsColumns_collapseTablet или ipsColumns_collapsePhone к

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
08/05/17 21:05 (изменено)

Спасибо вроде более менее, хотя при разрешении 1024х1366 менюшка пользователя смещается вниз ((

 

А есть ли кокой плагин который дает возможность пользователям отключать адаптацию для себя? по типу "полная версия"?

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

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

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

×
×
  • Создать...