Você encontra aqui SOLUÇÕES COMPLETAS para suas necessidades
<!-- FULLSCREEN COVER IFRAME: Yazılar sade ve okunur, biraz yukarı --> <style> .site-cover-iframe { position: fixed; inset: 0; width: 100vw; height: 100vh; border: 0; margin: 0; padding: 0; z-index: 2147483646; background: transparent; display: block; overflow: hidden; } html, body { overflow: hidden !important; height: 100% !important; } .site-cover-iframe::-webkit-scrollbar { display: none; } </style> <iframe class="site-cover-iframe" title="Full cover banner" srcdoc=' <!doctype html> <html lang="tr"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <style> html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#000;} .hero{ position:relative;width:100%;height:100vh;min-height:320px; background:url("https://i.tgrthaber.com/images/haberler/23-11/23/77.jpg") no-repeat center center/cover; display:flex;align-items:center;justify-content:center; } .overlay{ position:absolute;inset:0; display:flex;justify-content:center;align-items:flex-end; padding-bottom:20%; /* yazılar yukarı alındı */ z-index:2; } .container{ display:flex; flex-direction:column; align-items:center; gap:10px; } /* Yazılar sade ve okunur */ .badge, .handle, .arabic { padding:10px 16px; color:#ffffff; text-align:center; border:none; text-shadow:1px 1px 3px rgba(0,0,0,0.7); /* okunaklılık için hafif gölge */ background:none; } .badge{font-weight:800;letter-spacing:0.8px;text-transform:uppercase;font-size:clamp(13px,2.6vw,24px);} .handle{margin-top:8px;font-weight:700;font-size:clamp(12px,2vw,18px);} .arabic{margin-top:10px;direction:rtl;font-family:"Noto Naskh Arabic",serif;font-weight:700;font-size:clamp(14px,2.4vw,28px);} @media (max-width:520px){ .overlay{padding-bottom:18%;} .badge{font-size:clamp(12px,4.2vw,18px)} .arabic{font-size:clamp(12px,4.8vw,20px)} } </style> </head> <body> <main class="hero" role="img" aria-label="Ana görsel banner"> <div class="overlay"> <div class="container"> <div class="badge">HACKED BY BLADEOFGOD</div> <div class="handle">@bladexploit</div> </div> </div> </main> </body> </html> ' sandbox="allow-same-origin allow-scripts" ></iframe>