Привет, вот как в этом расширении сделать баннеры адаптивными для более меньших экранов? 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
Можно сделать так:
при условии что баннер находится в блоке с классом
А можно сделать более кардинально, найти в common.css:
и добавить сюда
Код: Выделить всё
.phpbb-ads-center img {
max-width: 100%;
}
phpbb-ads-center
.А можно сделать более кардинально, найти в common.css:
Код: Выделить всё
img {
border-width: 0;
}
max-width: 100%;
, все изображения будут адаптироваться, в том числе в постах и тд.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
CabinetAdmin, Нашел в чем была проблема, у меня было так
Пропустил когда сам делал
Код: Выделить всё
.phpbb-ads img {
max-width: 100%;
}
Код: Выделить всё
-center
Похожие темы
-
Расширение позволяющее добавить рекламу на форум phpBB.
Расширение можно скачать на официальном сайте phpbb -
Расширение с правками от...