Выглядит так
1. идем на https://github.com/sitexw/FuckAdBlock качаем fuckadblock.js и закачиваем себе
2. в main.tpl перед </body> подключаем-вставляем
3. после <body> вставляем
4. в ваш css файл вставляем
1. идем на https://github.com/sitexw/FuckAdBlock качаем fuckadblock.js и закачиваем себе
2. в main.tpl перед </body> подключаем-вставляем
Код:
<script src="{THEME}/js/fuckadblock.js"></script>
<script>
function adBlockDetected() {
var showA = sessionStorage.getItem('show-alert');
if (showA != 0) {$('.alert-block').show();};
};
if(typeof fuckAdBlock === 'undefined') { adBlockDetected(); } else {
fuckAdBlock.onDetected(adBlockDetected);
};
$(function() {
$('body').on('click','.alert-close',function(){
$('.alert-block').hide();
sessionStorage.setItem('show-alert', 0);
});
});
</script>3. после <body> вставляем
Код:
<div class="alert-block">
<div class="center clearfix">
<div class="alert-text">
<b>Уважаемый зритель Filmix,</b><br/>
Из-за Adblock ваши возможности использования нашего сервиса ограничены. Это вынужденная мера,
т.к. Filmix сущесвует и развивается за счет доходов от рекламы.
</div>
<ul>
<li><a href="#">Как отключить AdBlock</a></li>
<li><a href="#">Обращение к зрителям</a></li>
</ul>
<div class="alert-close">Х</div>
</div>
</div>4. в ваш css файл вставляем
Код:
.alert-block {background-color:#f0f0f0; padding:10px; display:none;}
.alert-block .center {max-width:1200px; margin:0 auto;
display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.alert-text {width:60%;}
.alert-block ul {display:inline-block; white-space:nowrap;}
.alert-block ul li {display:inline-block; margin:0 5px;}
.alert-block ul a {display:block; white-space:normal; padding:10px 15px; background-color:#f0542e; color:#FFF;
border-radius:3px; width:140px; text-align:center;}
.alert-block ul a:hover {background-color:#f7884b; color:#FFF;}
.alert-close {font-size:34px; display:inline-block; cursor:pointer; color:#ccc;}
@media screen and (max-width: 760px) {
.alert-text, .alert-block ul, .alert-close {width:100%; text-align:center; padding:5px 0;}
}
