Отступы у логотипа и реклама рядом - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1

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

#1 Пользователь не на сайте   avgaz ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 186
  • Регистрация: 28-Январь 08
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 02 Август 2017 - 18:18

Добрый день,есть два вопроса.
1. как убрать отступы у логотипа с верху и снизу как на скрине отмечено.
2. Как разместить баннер из Рекламы то есть по ключу {advertisement="KEY"} что бы он был как на скрине, а при адаптации то есть на мобильниках он располагался под логотипом
Вложение  333.png (14,59К)
Количество загрузок: 4

Сообщение изменено: avgaz (02 Август 2017 - 18:31)

0

#2 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 617
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 080
  • IPB version:I have no IPB
 

Отправлено 03 Август 2017 - 14:22

Просмотреть сообщениеavgaz сказал(а):

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

В дефолтном стиле это
#ipsLayout_header header {
    padding: 5px 0;
    background-color: #3d6594;
    padding-bottom: 40px;
}

Для верхнего отступа меняйте 5px
Для нижнего отступа меняйте 40px
Лучше не искать этот код, чтобы изменить, а добавить необходимое в custom.css

Просмотреть сообщениеavgaz сказал(а):

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

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

0

#3 Пользователь не на сайте   avgaz ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 186
  • Регистрация: 28-Январь 08
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 03 Август 2017 - 14:57

Просмотреть сообщениеnewbie 03 Август 2017 - 14:22 сказал(а):

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


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

#4 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 617
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 080
  • IPB version:I have no IPB
 

Отправлено 04 Август 2017 - 08:06

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

css
.cLogoAdvert {
    display: inline-block;
}

1

#5 Пользователь не на сайте   avgaz ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 186
  • Регистрация: 28-Январь 08
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 04 Август 2017 - 16:19

Просмотреть сообщениеnewbie 04 Август 2017 - 08:06 сказал(а):

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

css
.cLogoAdvert {
    display: inline-block;
}


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

#6 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 617
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 080
  • IPB version:I have no IPB
 

Отправлено 05 Август 2017 - 11:10

Посмотрите в сторону https://invisioncomm...yout-grids-r90/ или https://invisioncomm...ut-columns-r89/
0

#7 Пользователь не на сайте   avgaz ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 186
  • Регистрация: 28-Январь 08
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 05 Август 2017 - 14:22

Просмотреть сообщениеnewbie 05 Август 2017 - 11:10 сказал(а):


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

#8 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 617
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 080
  • IPB version:I have no IPB
 

Отправлено 05 Август 2017 - 14:28

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

Цитата

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 к <div class='ipsColumns'>
1

#9 Пользователь не на сайте   avgaz ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 186
  • Регистрация: 28-Январь 08
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 06 Август 2017 - 00:04

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

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

Сообщение изменено: avgaz (06 Август 2017 - 00:05)

0

Сообщить об этой теме:


Страница 1 из 1


Быстрый ответ

  

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2017 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна