Рекламные баннеры

[Виталий Васильевич]

Виталий Васильевич добавил(а) новый ресурс:

Рекламные баннеры - Адаптивный блок баннеров.

Идем /admin.php?advertising/ и добавляем новый блок:

Заголовок: banner_block

Позиция: Контейнер контента: выше (зависит от перевода)

HTML:

<div class="content">
  <div class="item">
    <a href="#"><img src="https://imgholder.ru/300x60/446CB3/fff&font=bebas&fz=30"></a>
    <a href="#"><img src="https://imgholder.ru/300x60/446CB3/fff&font=bebas&fz=30"></a>
    <a href="#"><img src="https://imgholder.ru/300x60/446CB3/fff&font=bebas&fz=30"></a>
  </div>
  <div...

Узнать больше об этом ресурсе...

 

[Skaiman]

В extra.less том виде нельзя вставлять, поправь, я писал, что туда надо

.content {
    max-width: 960px; // Максимальная ширина по самому широкому
    margin: 10px auto; // Отступ блока
    .item {
        display: flex; // Выравнивание элементов
        justify-content: space-between; // Равномерное распределение по всей длине
        a {
            margin: 0 2px; // Отступ между баннерами
            img {
                width: 100%; // Ширина картинки
            }
        }
    }
}

 

[Виталий Васильевич]

Всем привет .. странно есть одно, НО. При указании данного кода css статистика ломается

.content {
    max-width: 960px; // Максимальная ширина по самому широкому
    margin: 10px auto; // Отступ блока
    .item {
        display: flex; // Выравнивание элементов
        justify-content: space-between; // Равномерное распределение по всей длине
        a {
            margin: 0 2px; // Отступ между баннерами
            img {
                width: 100%; // Ширина картинки
            }
        }
    }
}

А вот если этот же код но БЕЗ точки в начале .. то все норм

Итог:

Как бы так .. увы ..

 

[Skaiman]

А вот если этот же код но БЕЗ точки в начале .. то все норм

Ты извини, но хоть понимаешь, что та точка значит, убрав ее, полностью отключаешь стили :)

 

[Skaiman]

<div class="block-rec">
    <div class="item">
        <a href="#"><img src="https://imgholder.ru/300x60/446CB3/fff&font=bebas&fz=30"></a>
        <a href="#"><img src="https://imgholder.ru/300x60/446CB3/fff&font=bebas&fz=30"></a>
        <a href="#"><img src="https://imgholder.ru/300x60/446CB3/fff&font=bebas&fz=30"></a>
    </div>
    <div class="item">
        <a href="#"><img src="https://imgholder.ru/460x60/1BA39C/fff&font=bebas&fz=30"></a>
        <a href="#"><img src="https://imgholder.ru/460x60/1BA39C/fff&font=bebas&fz=30"></a>
    </div>
    <div class="item">
        <a href="#"><img src="https://imgholder.ru/960x60/e67e22/fff&font=bebas&fz=30"></a>
    </div>
</div>

.block-rec {
    max-width: 960px; // Максимальная ширина по самому широкому
    margin: 10px auto; // Отступ блока

    .item {
        display: flex; // Выравнивание элементов
        justify-content: space-between; // Равномерное распределение по всей длине

        a {
            margin: 0 2px; // Отступ между баннерами

            img {
                width: 100%; // Ширина картинки
            }
        }
    }
}

Просто заменить класс блока, получился не уникальным

 

[Falkon]

Чтобы ничего не ломалось я сделал проще, убрал два рекламных баннера которые 460x60 и в extra.less ничего не вставлял мне итак норм

Скрин

 

[Skaiman]

Чтобы ничего не ломалось я сделал проще, убрал два рекламных баннера которые 460x60 и в extra.less ничего не вставлял мне итак норм

что б ни чего не ломалось надо просто понимать что делаешь

 

[KAPITOSHKA]

скрин

Добрый вечер, как растянуть на данную ширину ?

 

[BIOMOND]

скрин

Посмотреть вложение 126191

Добрый вечер, как растянуть на данную ширину ?

Сменить место отображения.

 

[BLAEKC]

Всем привет .. странно есть одно, НО. При указании данного кода css статистика ломается

.content {
    max-width: 960px; // Максимальная ширина по самому широкому
    margin: 10px auto; // Отступ блока
    .item {
        display: flex; // Выравнивание элементов
        justify-content: space-between; // Равномерное распределение по всей длине
        a {
            margin: 0 2px; // Отступ между баннерами
            img {
                width: 100%; // Ширина картинки
            }
        }
    }
}

Посмотреть вложение 116051
А вот если этот же код но БЕЗ точки в начале .. то все норм
Посмотреть вложение 116052
Итог:
Посмотреть вложение 116054
Как бы так .. увы ..

Прошу прощения.
Но, если нужно, я нашел ответ. Не уверен что на 100% правильно, но оно решило вопрос.

В коде, который вносим в extra.less сделал поправку, а именно удаляем:

justify-content: space-between; // Равномерное распределение по всей длине

У нас получается вот такой код:

.block-rec {
    max-width: 960px; // Максимальная ширина по самому широкому
    margin: 10px auto; // Отступ блока

    .item {
        display: flex; // Выравнивание элементов

        a {
            margin: 0 2px; // Отступ между баннерами

            img {
                width: 100%; // Ширина картинки
            }
        }
    }
}

 

[Sm1Le]

Этот способ чтобы просто одну рекламу создать которая все сразу отображает и редактируется вручную админом
А вот когда попытаться сделать автоматическую покупку пользователями через пакеты как быть? Баннер не вставляется в том же месте что и первый, просто идет вниз как никрути выравнивание второй баннер не хочет использовать позицию первого баннера

 

[inz]

Этот способ чтобы просто одну рекламу создать которая все сразу отображает и редактируется вручную админом
А вот когда попытаться сделать автоматическую покупку пользователями через пакеты как быть? Баннер не вставляется в том же месте что и первый, просто идет вниз как никрути выравнивание второй баннер не хочет использовать позицию первого баннера

Про какую автоматическую покупку идет речь? От плагина https://xenforo.info/threads/ads-manager-2-by-siropu.27899/ что-ли?

 

[Sm1Le]

Про какую автоматическую покупку идет речь? От плагина https://xenforo.info/threads/ads-manager-2-by-siropu.27899/ что-ли?

да, я наверно не в том месте спросил просто в той теме все перенаправляют сюда за такими баннерами
я перелистал все страницы и те кто упоминал такие баннеры их ответы ссылаются на эту тему, а эта тема бесполезна для тех кто использует пакеты в ads manager

 

[Виталий Васильевич]

Виталий Васильевич обновил(а) ресурс Рекламные баннеры новой записью:

Прикольное оформление глав. страницы.

Источник данного шедевра тык в тему и спасибо Skaiman

<style>
  .block-commerce {
    padding: 10px;
  }
  .block-commerce .commerce-item {
    display: flex;
  }
  .block-commerce .commerce-item a.commerce-link {
    display: block;
    margin: 3px 5px;
  }...

Узнать больше об этом обновлении...