Стикерная реклама без закрытия (x)

Я пытаюсь экспериментировать с созданием Sticky footer Ads без закрытия «X», и это очень просто и легко реализовать на блоге или wordpress. Чтобы увидеть пример, вы можете посетить здесь. Надеюсь, пригодится и удачи 🙂

Счастливого кодинга!

<style>
.Bianity-ads {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 70px;
    max-height: 90px; /* www.bianity.net*/
    padding: 5px 0;
    box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1);
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #161616;
    z-index: 20;
}

.Bianity-ads .Bianity-ads-content {
    overflow: hidden;
    display: block;
    position: relative;
    text-align:center;
    height: 70px;
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
}
</style>

<div class='Bianity-ads' id='Bianity-ads'>
    <div class='Bianity-ads-simple' onclick='document.getElementById("Bianity-ads").style.display="none"'>

    </div>
    <div class='Bianity-ads-content'>

Here Your Code Ads

</div>
</div>
Вход в полноэкранный режим Выход из полноэкранного режима

Оцените статью
devanswers.ru
Добавить комментарий