Loading...
Графика/Дизайн | Вопрос про пустой контент
Вопрос заключается вот в чем,

Когда список не полон, то в низу естественно пустое место. Пример на скрине,

Как можно сделать что бы когда контент был не полон там показывался див с рекламой например.

А когда список полон на странице то жив с рекламой исчезал,

Я думаю вы меня поняли.
Через @media получится так сделать ?

Изображение

------
86006_20052023100906_065534.jpg (237.0 Kb)
Скачиваний: 114
Автоматом реклама не появится и не исчезнет, пока пользователь на крест не нажмёт. Естественно div надо писать с css.
Ramzesoff (22 мая 2023, в 18:07)
Автоматом реклама не появится и не исчезнет, пока пользователь на крест не нажмёт. Естественно div надо писать с css.
Мда, я же написал, что например
Реклама, пусть хотя бы там будит какой то блок, который бы исчезал когда список пользователей например занимает всю страницу
Через js
Scammer (22 мая 2023, в 18:23)
Через js
Можешь пример скинуть , я не знаю как это реализовать
Пример 1. Как скрыть пустые рекламные блоки с помощью CSS
Чтобы автоматически скрывать пустые рекламные блоки, добавьте на страницу следующие стили CSS:

HTML
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
CSS
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
Пример 2. Как показывать изображение, только если рекламный блок пустой
Если рекламный блок пустой, вы можете показать на его месте собственное объявление. Для этого добавьте следующий код:

HTML
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890">
<a href="/page"><img src="/backup.jpg" width="300px" height="250px"></a>
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
CSS
ins.adsbygoogle a {
display: none !important;
}
ins.adsbygoogle[data-ad-status="unfilled"] a {
display: block;
}

Правда на рекламе Google Adsense
________
посл. ред. 23.05.2023 в 07:13; всего 1 раз(а); by Ramzesoff
Ramzesoff (23 мая 2023, в 7:12)
Пример 1. Как скрыть пустые рекламные блоки с помощью CSS
Чтобы автоматически скрывать пустые рекламные блоки, добавьте на страницу следующие стили CSS:

HTML
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
CSS
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
Пример 2. Как показывать изображение, только если рекламный блок пустой
Если рекламный блок пустой, вы можете показать на его месте собственное объявление. Для этого добавьте следующий код:

HTML
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890">
<a href="/page"><img src="/backup.jpg" width="300px" height="250px"></a>
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
CSS
ins.adsbygoogle a {
display: none !important;
}
ins.adsbygoogle[data-ad-status="unfilled"] a {
display: block;
}

Правда на рекламе Google Adsense
Речь Иден не именно о рекламе, речь идёт как сделать когда контент не на всю высоту тайта, то в пустом месте выводился какой нибудь блок НАПРИМЕР( БЛОК С РЕКЛАМОЙ ИЛИ С КАКИМ ТО ДРУГИМ КОНТЕНТОМ)

но когда верхний контент занимает всю высоту сайта то нижний блок исчезал
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready( function(){
$(".da-ne").on("click", function() {
$(this).find('*').toggle('slow');
});

/*
$(".da-ne").on("click", function() {
$(this).children('*').toggle('slow');
});

//Показывать скрывать соседа
$('.div_1').click(function(){
$(this).parent().next('.div_2').animate({opacity: 'toggle', height: 'toggle'}, 500);
});
*/

});
</script>


На jQuery

Или так:

$('.da-ne').click(function(){
$(this).children().animate({opacity: 'toggle', height: 'toggle'}, 500);
});


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

$('.kn').click(function(){
$(this).children('.show').animate({opacity: 'toggle', height: 'toggle'}, 500);
});


А в CSS

.parent {
position: relative;
}
.child {
position: absolute;
left:0;
right:0;
top:0;
bottom:0;
}

________
посл. ред. 23.05.2023 в 08:57; всего 2 раз(а); by Ramzesoff
Ramzesoff (23 мая 2023, в 8:51)
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready( function(){
$(".da-ne").on("click", function() {
$(this).find('*').toggle('slow');
});

/*
$(".da-ne").on("click", function() {
$(this).children('*').toggle('slow');
});

//Показывать скрывать соседа
$('.div_1').click(function(){
$(this).parent().next('.div_2').animate({opacity: 'toggle', height: 'toggle'}, 500);
});
*/

});
</script>


На jQuery

Или так:

$('.da-ne').click(function(){
$(this).children().animate({opacity: 'toggle', height: 'toggle'}, 500);
});


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

$('.kn').click(function(){
$(this).children('.show').animate({opacity: 'toggle', height: 'toggle'}, 500);
});


А в CSS

.parent {
position: relative;
}
.child {
position: absolute;
left:0;
right:0;
top:0;
bottom:0;
}
Спс буду пробовать
Ramzesoff , не один вариант не помог , не пойму за что отвечают эти дивы div_1 . div_2
Онлайн: 2
Время:
Gen. 0.0973
(c) ByMAS.RU 2010-2025