Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
avgaz

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

Recommended Posts

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

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

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

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

Edited by avgaz

Share this post


Link to post
Share on other sites

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;

Share this post


Link to post
Share on other sites

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

display: inline-block;

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

html

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

css

.cLogoAdvert {
   display: inline-block;
}

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

 

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

Edited by avgaz

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...