Разделение баннеров

[Cyber]

Вставил на форум(1.4.7) флеш баннеры, размером 468*60.
На полной версии форума, они отображаются отлично, но на мобильной они портят весь вид страницы, и анимация тормозит. Хочу в мобильной версии стиля прописать другие баннеры, или ужать те которые есть(если это возможно). Скрин ниже.
Как это сделать?

Заранее благодарен.

 

[Skaiman]

Можно баннер добавлять не просто картинкой, а сделать блок:

<div class="banner"></div> <div class="banner2"></div>

И сделать стили для них:

.banner {
    display: block;
    width: 468px;
    height: 60px;
    background: url(banner.png) no-repeat rgba(0, 0, 0, 0);
}

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

@media screen and (max-width:600px) {
.banner {
    display: block;
    width: 300px;
    height: 30px;
    background: url(banner_max_width_600.png) no-repeat rgba(0, 0, 0, 0);
}
}

И так далее для разных экранов

Да еще, но это не совсем по теме, не называть картинки баннеров - banner, адблок будет блокировать 100 пудов :)

Да, наверное лучше сделать не display: block; а display: inline-block; что бы баннеры рядом могли располагаться.

 

[Cyber]

Можно баннер добавлять не просто картинкой, а сделать блок:

<div class="banner"></div> <div class="banner2"></div>

И сделать стили для них:

.banner {
    display: block;
    width: 468px;
    height: 60px;
    background: url(banner.png) no-repeat rgba(0, 0, 0, 0);
}

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

@media screen and (max-width:600px) {
.banner {
    display: block;
    width: 300px;
    height: 30px;
    background: url(banner_max_width_600.png) no-repeat rgba(0, 0, 0, 0);
}
}

И так далее для разных экранов

Да еще, но это не совсем по теме, не называть картинки баннеров - banner, адблок будет блокировать 100 пудов :-)

Да, наверное лучше сделать не display: block; а display: inline-block; что бы баннеры рядом могли располагаться.

Спасибо за совет. Написал в профиле...

 

[Skaiman]

Пожалуйста, ответил :)