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

[avgaz 8]

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

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

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

Изменено 2 августа 2017 пользователем avgaz

[newbie 1723]

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;

[avgaz 8]

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

display: inline-block;

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

[newbie 1723]

html

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

css

.cLogoAdvert {
   display: inline-block;
}

[avgaz 8]

html

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

css

.cLogoAdvert {
   display: inline-block;
}

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

[newbie 1723]

Посмотрите в сторону https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/layout-grids-r90/ или https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/layout-columns-r89/

[avgaz 8]

Посмотрите в сторону https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/layout-grids-r90/ или https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/layout-columns-r89/

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

   <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 нормально баннер при адаптации встает ниже логотипа, но вот как бы его просто выравнять между логотипом и юзербаром

[newbie 1723]

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

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 к

[avgaz 8]

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

 

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

Изменено 5 августа 2017 пользователем avgaz