igorbond 12 авг 2018, 14:59

Advertisement Management

Привет, вот как в этом расширении сделать баннеры адаптивными для более меньших экранов? https://www.phpbb.com/customise/db/extension/ads/

Вот файл стиля

Код: Выделить всё

.phpbb-ads-center {
	text-align: center;
}

.phpbb-ads-center > :first-child:not(script) {
	display: inline-block;
	max-width: 100%;
}

.phpbbad-slide-up {
	position: fixed;
	bottom: 0;
	width: 100%;
	transition: transform 0.3s;
	transform: translateY(100%);
}

.phpbbad-slide-up-center {
	text-align: center;
}

.phpbbad-slide-up-close {
	background-color: #ffffff;
	width: 30px;
	cursor: pointer;
}

.phpbb-ads-visual-demo {
	font-size: 12px;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	background-color: #ecd5d8;
	border: #ff0000 dashed 3px;
	color: #bc2a4d;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
}

.phpbb-ads-button {
	font-family: system-ui, sans-serif;
	font-size: 13px;
	vertical-align: middle;
	background: #e3e3e3;
	background: linear-gradient(to bottom, #e3e3e3 0%, #f7f7f7 100%);
	border: solid 1px #afafaf;
	box-shadow: inset 1px 1px 2px #ffffff;
	margin: 2px 0;
	padding: 3px 8px;
}

.phpbb-ads-button:link {
	color: #000000;
}

.phpbb-ads-button:link:hover {
	text-decoration: none;
}

.phpbb-ads-button:hover {
	border-color: #bc2a4d;
	color: #bc2a4d;
	cursor: pointer;
}

.phpbb-ads-button:active {
	background: #c3c3c3;
}
Комментарии: 11

romaamor 12 авг 2018, 17:49 Сообщение

Так выбрать у адсенса адаптированный блок рекламы и вставить куда надо.
  • 0

igorbond 12 авг 2018, 18:02 Сообщение

А слово баннер ни о чем не говорит?
  • 0
Изображение

romaamor 12 авг 2018, 18:29 Сообщение

igorbond писал(а): А слово баннер ни о чем не говорит?
Неа. :milo:
  • 0

CabinetAdmin 12 авг 2018, 19:27 Сообщение

В стилях нет ограничения по размерам, по крайней мере в этих.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 12 авг 2018, 19:29 Сообщение

Но баннер большой растягивает страницу
  • 0
Изображение

CabinetAdmin 12 авг 2018, 19:37 Сообщение

У баннера случайно нет чётких размеров? Раньше у яндекса не было адаптивных баннеров и он портил страницу, сейчас не знаю...
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 12 авг 2018, 19:39 Сообщение

Баннер это просто картинка jpg
  • 0
Изображение

CabinetAdmin 12 авг 2018, 19:44 Сообщение

Можно сделать так:

Код: Выделить всё

.phpbb-ads-center img {
	max-width: 100%;
}
при условии что баннер находится в блоке с классом phpbb-ads-center.
А можно сделать более кардинально, найти в common.css:

Код: Выделить всё

img {
	border-width: 0;
}
и добавить сюда max-width: 100%;, все изображения будут адаптироваться, в том числе в постах и тд.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 12 авг 2018, 20:01 Сообщение

Первый вариант пробовал, он почему то у меня не сработал, попробую еще раз
  • 0
Изображение

CabinetAdmin 12 авг 2018, 20:14 Сообщение

Если не сработал, значит баннер находится не в блоке с классом phpbb-ads-center, может там совсем без блоков, я не знаю. Значит сделать как во втором варианте.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 13 авг 2018, 00:09 Сообщение

CabinetAdmin, Нашел в чем была проблема, у меня было так

Код: Выделить всё

.phpbb-ads img {
	max-width: 100%;
}
Пропустил когда сам делал
  • 0
Изображение