Как сделать вывод РСЯ, как на мобильной версии fishki.net

Links Forever
На сайте с 20.08.2006
Offline
329
1526

Подскажите, пожалуйста, как сделать вывод РСЯ, как на мобильной версии fishki.net?

И, кстати, кто знает, как эффективность такого блока?

png Screenshot_2016-04-19-13-48-10.png
Я очень люблю вкусные рецепты (https://povar24.info) квашеной капусты (https://kvashenaya-kapusta.ru/) и салат оливье (https://salatolive.ru/).
Оптимизайка
На сайте с 11.03.2012
Offline
396
#1

А что в нем необычного? На вид стандартный блок.

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
Links Forever
На сайте с 20.08.2006
Offline
329
#2

Ничего необычного нет. Залипающий внизу экрана блок с возможностью закрыть, оптимизированный под мобильную версию.

Links Forever
На сайте с 20.08.2006
Offline
329
#3

Странно. Я думал хоть кто-нибудь что-нибудь да посоветует?

R
На сайте с 13.01.2016
Offline
9
#4

Берете какой-нибудь js-скрипт для эффекта залипания, суете в блок объявление от РСЯ и настраиваете в CSS вывод только для мобильных устройств. В общем, все вручную делается.

Links Forever
На сайте с 20.08.2006
Offline
329
#5
roskal:
Берете какой-нибудь js-скрипт для эффекта залипания

А есть примеры, где можно скачать такие. Просто то что я нагуглил полный шлак. Буду признателен. Спасибо!

tommy-gung
На сайте с 22.11.2006
Offline
287
#6


<div class="bottom-adv">код рся</div>

.bottom-adv {
position:fixed;
bottom:0;
left:0;
right:0;
}

высоту и "закрыть" уже сами, думаю, допишите

Здесь не могла быть ваша реклама
Links Forever
На сайте с 20.08.2006
Offline
329
#7
tommy-gung:

<div class="bottom-adv">код рся</div>

.bottom-adv {
position:fixed;
bottom:0;
left:0;
right:0;
}


высоту и "закрыть" уже сами, думаю, допишите

Спасибо! Но закрыть не допишу, вообще в этом не бум-бум. А высота-то разная на разных устройствах, шаблон адаптирован под разную ширину. Как его к низу прикрепить?

tommy-gung
На сайте с 22.11.2006
Offline
287
#8


<div class="bottom-adv">
<div class="close">&times;</div>
код рся
</div>

<style>
.bottom-adv {
position:fixed;
bottom:0;
left:0;
right:0;
display:none;
}
.bottom-adv .close {
position:absolute;
right:10px;
bottom:100%;
margin-top:-10px;
}
@media (max-width:480px) {
/*тут уж каждый сам решает, что для него мобильный.*/
.bottom-adv {
display:none;
}
</style>

<script>
//если есть jquery
$(document).ready(function() {
$('.bottom-adv .close').click(function() {
$('.bottom-adv').hide();
});
});
</script>

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

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий