Как сделать адаптивный автобаннер Admitad

Евгений
Автор статьи: Евгений
Веб-мастер, SEO-специалист. Занимаюсь созданием и продвижением сайтов с 2012 года.
опубликовал: 136 статей

В партнёрской программе Admitad есть замечательный инструмент - автобаннер, т.е. ротатор который позволяет автоматически показывать несколько баннеров разных программ. К сожалению это ротатор не адаптивный. И даже техподдержка на вопрос о адаптивном автобаннере говорит что "К сожалению, на данный момент такой возможности нет."

Пришлось самостоятельно подобрать сили CSS, которые делают адаптивным это ротатор. Итак получаем код автобаннера в панели и оборачиваем в свой блок div с классом admitad-adaptive.

<div class="admitad-adaptive">
ТУТ КОД АВТОБАННЕРА
</div>

И прописываем соответствующие стили:

admitad-adaptive {
     margin:0 auto;
}
 .admitad-adaptive div div a img {
     display: block;
     max-width: 100%;
     height: auto;
}
 .admitad-adaptive div div {
     max-width: 100% !important;
}

Теперь Ваш автобаннер будет адаптивным!

Leave a Reply

Your email address will not be published. Required fields are marked *