NebulaPanel - Control Interface

✏️ Editing: modal_ads.php.bak

<div class="ads ads-c1 text-center" style="height: 80px;bottom: 82px;">
	<a target="_blank" href="https://123b.org/?inviteCode=40028266&regAgentJumpFlag=undefined" rel="nofollow">
        <img src="/themes/ads/catfish-pc-1.gif" width="700" height="80" class="h-auto w-100">
    </a>
</div>
<div class="ads ads-c1 text-center" style="height: 80px;">
    <a target="_blank" href="https://ee66.club/?inviteCode=6282177" rel="nofollow">
        <img src="/themes/ads/catfish-pc-2.gif" width="700" height="80" class="h-auto w-100">
    </a>
</div>

<style>
    .ads-c1 {
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 2px;
        width: 100%;
        max-width: 720px;
    }
    .ads-c1 a {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
        display: block;
    }
</style>

<div id="modalAds" class="modal-ads">
    <div class="modal-content">
        <span class="close" onclick="closeModalAds()">&times;</span>
        <a target="_blank" href="http://k8vvip01.com" rel="nofollow">
            <img src="/themes/ads/600x500.gif?v=1" width="100%" height="auto"/>
        </a>
    </div>
</div>
<div class="fade-ads" onclick="closeModalAds()"></div>

<style>
    .modal-ads {
        width: 100%;
        height: 100%;
        padding: 20px;
        max-width: 480px;
        max-height: 400px;
        display: block;
        position: fixed;
        z-index: 99;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
    }
    .modal-ads.active {
        visibility: visible;
        opacity: 1;
    }
    .modal-ads .modal-content {
        position: relative;
        background-color: #fefefe;
        border: 1px solid #888;
    }
    .modal-ads .close {
        color: #000;
        font-size: 28px;
        font-weight: bold;
        position: absolute;
        right: -8px;
        top: -14px;
        opacity: 1 !important;
        transform: scale(1.2);
    }
    .modal-ads .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
    .fade-ads {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0,0,0,.4);
        display: none;
        z-index: 98;
    }
    .fade-ads.active{
        display: block;
    }
</style>

<script>
    $(document).ready(function () {
        //showModalAds()
    })

function checkShowModal() {
		return;
        let timeCurrent = new Date().getTime();
        let key = 'show_modal_ads';
        let timeShowLatest = getTimeStorage(key)
        if (diffTimeShowModal(timeShowLatest, timeCurrent)) {
            showModalAds()
            setTimeStorage(key, timeCurrent);
        }
    }

function setTimeStorage(key, time)
    {
        if (typeof(Storage) !== 'undefined') {
            localStorage.setItem(key, time)
        } else {
            $.session.set(key, time);
        }
    }

function getTimeStorage(key){
        if (typeof(Storage) !== 'undefined') {
            return localStorage.getItem(key)
        } else {
            return $.session.get(key);
        }
    }

function diffTimeShowModal(timeShowLatest, timeCurrent) {
        if (typeof timeShowLatest === "undefined" || timeShowLatest === null){
            return true;
        }
        let diffTime = timeCurrent - parseInt(timeShowLatest)
        if (diffTime > 900000) { // difftime > 15p
            return true;
        }
        return false;
    }
    function showModalAds() {
        $('#modalAds').addClass('active');
        $('.fade-ads').addClass('active');
    }
    function closeModalAds() {
        $('#modalAds').removeClass('active');
        $('.fade-ads').removeClass('active');
    }
</script>

NebulaPanel - Control Interface

📂 Path: srv/www/linktructiep/wap/views/pc/layouts/default/