XF 1.5 Как правильно настроить отобраение баннеров?

[Great Dead]

Здравствуйте!
У меня проблема в том что когда я ставлю в шаблон код с графикой то на пк открывает нормально а на мобильной версии баннеры вылазят в правую сторону за рамки форума .
Как правильно настроить ?

 

[Nappsel]

k r o v o s † o k, попробуйте баннеру или классу в который он обёрнут добавить параметр overflow: hidden;. По идее он должен будет просто обрезать баннер, если тот не помещается в ширину страницы.

 

[Skaiman]

Ads Manager by Siropu там все адаптируется.

Можно самому настроить адаптацию
Код баннера:

<div class="mybanner"><a href="адрес ссылки" ><img src="адрес картинки" ></a></div>

Адаптивный стиль:

.mybanner img {
    width: 468px;
    height: 60px;
}
<xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth) {
        .mybanner img {
            width: 400px;
        }
    }

    @media (max-width:@maxResponsiveMediumWidth) {
        .mybanner img {
            width: 350px;
        }
    }

    @media (max-width:@maxResponsiveNarrowWidth) {
        .mybanner img {
            width: 250px;
        }
    }
</xen:if>

 

[Great Dead]

Skaiman, не совсем понял .
Я ставлю в шаблон ad_above_top_breadcrumb
<a href="Ссылка на тему "><img src="Ссылка на картинку" width="400" height="70" alt="Пример1"></a>

если с пк то все норм ног как заходишь с андроида с телефона то они вылазят на право.

 

[Hope]

:facepalm:

Написали же Вам про адаптивный стиль для чего?

Задайте класс своему баннеру и для использования адаптивного дизайна пропишите код, указанный выше.

 

[Great Dead]

В настройках стиля в адаптивном дизайне я так понял надо что-то сделать?

 

[Георгий Шевченко]

k r o v o s † o k, в настройках стиля делать ничего не нужно.
Просто скопируйте код html и css в один шаблон и всё. Или CSS запихните в EXTRA.CSS

 

[Skaiman]

в шаблон ad_above_top_breadcrumb

<div class="mybanner"><a href="Ссылка на тему "><img src="Ссылка на картинку" alt="Пример1"></a></div>

<style>
.mybanner img {
    width: 400px; /* Ширина картинки */
    height: 70px; /* Высота картинки */
}
<xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth) {
        .mybanner img {
            width: 350px; /* Ширина картинки для дисплеев с максимальной шириной экрана 800 пикселей */
        }
    }

    @media (max-width:@maxResponsiveMediumWidth) {
        .mybanner img {
            width: 250px; /* Ширина картинки для дисплеев с максимальной шириной экрана 610 пикселей */
        }
    }

    @media (max-width:@maxResponsiveNarrowWidth) {
        .mybanner img {
            width: 150px; /* Ширина картинки для дисплеев с максимальной шириной экрана 480 пикселей */
        }
    }
</xen:if>
</style>

Высоту указывать необязательно, она будет изменятся пропорционально.