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

Advertisement Management

Добавлено: 12 авг 2018, 14:59
southklad
Привет, вот как в этом расширении сделать баннеры адаптивными для более меньших экранов? 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;
}

Advertisement Management

Добавлено: 12 авг 2018, 17:49
romaamor
Так выбрать у адсенса адаптированный блок рекламы и вставить куда надо.

Advertisement Management

Добавлено: 12 авг 2018, 18:02
southklad
А слово баннер ни о чем не говорит?

Advertisement Management

Добавлено: 12 авг 2018, 18:29
romaamor
igorbond писал(а): А слово баннер ни о чем не говорит?
Неа. :milo:

Advertisement Management

Добавлено: 12 авг 2018, 19:27
CabinetAdmin
В стилях нет ограничения по размерам, по крайней мере в этих.

Advertisement Management

Добавлено: 12 авг 2018, 19:29
southklad
Но баннер большой растягивает страницу

Advertisement Management

Добавлено: 12 авг 2018, 19:37
CabinetAdmin
У баннера случайно нет чётких размеров? Раньше у яндекса не было адаптивных баннеров и он портил страницу, сейчас не знаю...

Advertisement Management

Добавлено: 12 авг 2018, 19:39
southklad
Баннер это просто картинка jpg

Advertisement Management

Добавлено: 12 авг 2018, 19:44
CabinetAdmin
Можно сделать так:

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

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

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

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

Advertisement Management

Добавлено: 12 авг 2018, 20:01
southklad
Первый вариант пробовал, он почему то у меня не сработал, попробую еще раз

Advertisement Management

Добавлено: 12 авг 2018, 20:14
CabinetAdmin
Если не сработал, значит баннер находится не в блоке с классом phpbb-ads-center, может там совсем без блоков, я не знаю. Значит сделать как во втором варианте.

Advertisement Management

Добавлено: 13 авг 2018, 00:09
southklad
CabinetAdmin, Нашел в чем была проблема, у меня было так

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

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