1.5.x Адаптивный баннер

Создал 2 баннера с текстами и картинками в базовой версии форума. По настройкам отключил показ рекламы после узкой ширины (480px) потому что дизайн плывет.

1. Вопрос как сделать баннер адаптивным, чтобы при в ходе с мобильного показывалась упрощенная версия баннера?

2. Или 2 рекламные компании одна отображается только при входе с мобильного (как ее сделать?), вторая уже решена с компьютера можно убрать "не показывать после узкой ширины".

Форум недвижимости Казани

 

Вопрос решил таким образом, упростил html код.
Минусы - при отображения с компьютера остается свободное поле.
Плюсы - при отображения с мобильных все отображается как надо.

 

Изображение .svg само подстраиваться под размер. Можно их использовать. Делаю их в эдоб иллюстратор.

 

Спасибо я и не знал. Буду экспериментировать.

 

А разве нельзя кодом адаптировать баннер под разные устройства? Очень интересует этот вопрос.

 

ну как-то так вот, на вскидку (баннеров должно быть по-хорошему штуки 4):

Код:

<div class="my_ad">
<a href="http://bla-bla.net">My Ad!</a>
</div>

и в extra.css:

Код:

#my_ad {
   display: block;
   margin:0 auto;
   width: 768px;
   height: 120px;
   background: url(ad/my_middle.gif) 0 0 no-repeat;
}

#my_ad span {
  display: block;
  margin:0 auto;
  width: 0;
  height: 0;
  overflow: hidden;
}

@media (max-width: 800px) {
   #my_ad {
     background: url(ad/my_small.gif) 0 0 no-repeat;
     margin:0 auto;
     width: 384px;
     height: 60px;
   }   
}

 

Вот такой кто нибудь может достать плагин

 

На том форуме и просите.

 

это вроде на сколько я знаю оф сайт?

 

Офсайт - это XenForo.com

 

тогда извиняюсь.