DRcjg _Rumus Overlay _Muka Hordeng

<div> <style type="text/css"> .uifremlayarturun { height: 0%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-y: hidden; transition: 0.5s;} .uifremlayarturun-konten { position: relative; top: 10%; width: 100%; text-align: center; margin-top: 20px;} .uifremlayarturun a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s;} .uifremlayarturun a:hover, .uifremlayarturun a:focus { color: #f1f1f1;} .uifremlayarturun .tutupbtn { position: absolute; top: 20px; right: 45px; font-size: 60px;} @media screen and (max-height: 450px) { .uifremlayarturun {overflow-y: auto;} .uifremlayarturun a {font-size: 20px} .uifremlayarturun .tutupbtn { font-size: 40px; top: 15px; right: 35px; } } </style> <script> function drbukaNav() { document.getElementById("DRcjgdiNav").style.height = "100%"; } function drtutupNav() { document.getElementById("DRcjgdiNav").style.height = "0%"; } </script> </div> <div class="uifremlayarturun" id="DRcjgdiNav"> <a class="tutupbtn" href="javascript:void(0)" onclick="drtutupNav()">×</a> <div class="uifremlayarturun-konten"> =======<br /> <iframe height="800" scrolling="yes" src="ISI_DENGAN_URLMU" id="driframe_site_naon">Text Bagus</iframe> <div style="bottom: 1px; color: black; left: 0px; margin-left: auto; margin-right: auto; position: absolute; right: 0px; text-align: center; width: 72%;"> <small style="background: rgb(255, 255, 255); font-size: 0px; line-height: 1.2;"> <a href="https://duridwancjg.site.bm/" rel="nofollow">duridwancjg web site</a> </small> </div> <div> <style> .boxes2{height:212px;width:316px;} #new img{max-width:none!important;background:none!important} #iframe{max-height:none!important;max-width:none!important;background:none!important} </style> </div> ====<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="85%" src="https://www.w3schools.com/code/tryit.asp?filename=GMU2PTO45C6I" width="98%"></iframe>===<br /> </div> </div> <h2>Support Microsoft | Dukung Mikrosoftea 2022</h2> <p>Klik aza!</p> <p>Coba perhatikan, Microsoft gratis</p> <span onclick="drbukaNav()" style="cursor: pointer; font-size: 30px;">☰ buka</span>
==========
Versi 2 | Nyampak kabuka
<div> <style type="text/css"> .uifremlayarturun { height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-y: hidden; transition: 0.5s; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbn6XR1e5ez0oTYw_ZW94-cs9_ytz2vWPhMdjJpMIVmpsRWQmd6enCzD3oiyLHVDtzEUF1pzeXjBMuM4nuvl_Onc3v5yTn_PuTC05pJ4tLxHyhKdaMADdqjbV3JIB-Zf8J8VH7gIpCL5OYGRXXuuET9_qKu6JPQfavBSPd_McGhUCBFbjjWzI40LNB/s1600/Duridwangurunatafkar_Dudi%20Ridwan%20Cijagong%20&%20Duridwancijagong_duridwangurunata.gif) repeat scroll -18px 0 transparent;} .uifremlayarturun-konten { position: relative; top: 10%; width: 100%; text-align: center; margin-top: 20px;} .uifremlayarturun a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s;} .uifremlayarturun a:hover, .uifremlayarturun a:focus { color: #f1f1f1;} .uifremlayarturun .tutupbtn { position: absolute; top: 20px; right: 45px; font-size: 60px; color:black; background:white; opacity:0.6;} @media screen and (max-height: 450px) { .uifremlayarturun {overflow-y: auto;} .uifremlayarturun a {font-size: 20px} .uifremlayarturun .tutupbtn { font-size: 40px; top: 15px; right: 35px; } } </style> <script> function drbukaNav() { document.getElementById("DRcjgdiNav").style.height = "100%"; } function drtutupNav() { document.getElementById("DRcjgdiNav").style.height = "0%"; } </script> </div> <div class="uifremlayarturun" id="DRcjgdiNav"> <a class="tutupbtn" href="javascript:void(0)" onclick="drtutupNav()">Tutup</a> <div class="uifremlayarturun-konten"> =======<br /> <iframe height="800" width="100%" scrolling="yes" src="ISI-LINKNA" id="drcjg_iframe_site_naondeui">Text Bagus</iframe> <div style="bottom: 1px; color: black; left: 0px; margin-left: auto; margin-right: auto; position: absolute; right: 0px; text-align: center; width: 72%;"> <small style="background: rgb(255, 255, 255); font-size: 0px; line-height: 1.2;"> <a href="https://duridwancjg.boxmode.io/" rel="nofollow">duridwancjg web site</a> </small> </div> <div> <style> .boxes2{height:212px;width:316px;} #new img{max-width:none!important;background:none!important} #iframe{max-height:none!important;max-width:none!important;background:none!important} </style> </div> ====<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="85%" src="https://www.w3schools.com/code/tryit.asp?filename=GMU2PTO45C6I" width="98%"></iframe>===<br /> </div> </div> <h2>Support KamiHQ</h2> <p>Klik aza!</p> <p>KamiHQ</p> <span onclick="drbukaNav()" style="cursor: pointer; font-size: 30px;">☰ buka</span>