قالب coming soon

          mohammadreza 
            بازدید : 35
          دوشنبه 01 آبان 1391
           نظرات (0)
        

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>comingo soon</title> <style type="text/css" media="all"> html,body { margin: 0; padding: 0;} #text-shadow-box { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: #444; font-family: Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none;} #text-shadow-box #tsb-text,#text-shadow-box #tsb-link { position: absolute; top: 40%; left: 0; width: 100%; height: 1em; margin: -0.77em 0 0 0; font-size: 90px; line-height: 1em; font-weight: bold; text-align: center;} #text-shadow-box #tsb-text { font-size: 100px; color: transparent; text-shadow: black 0px -45.2px 19px; } #text-shadow-box #tsb-link a { color: #999; text-decoration: none;} #text-shadow-box #tsb-box,#text-shadow-box #tsb-wall { position: absolute; top: 40%; left: 0; width: 100%; height: 60%;} #text-shadow-box #tsb-box { -webkit-box-shadow: black 0px -45.2px 39px; -moz-box-shadow: black 0px -45.2px 39px;} #text-shadow-box #tsb-wall { background: #999;} #text-shadow-box #tsb-wall p { position: relative; font-size: 18px; line-height: 1.5em; text-align: justify; color: #222; width: 550px; margin: 1.5em auto; cursor: default;} #text-shadow-box #tsb-wall p a { color: #fff;} #text-shadow-box #tsb-wall p a:hover { text-decoration: none; color: #000; background: #fff;} #tsb-spot { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; pointer-events: none; background: -webkit-gradient(radial, center center, 0, center center, 450, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 0, black 450px);}</style>  </head> <body> <div id="text-shadow-box"> <div id="tsb-box"></div> <p id="tsb-text">H4CKED BY 214u||4h p4n4h!</p> <p id="tsb-link"><a href="http://graphic-fa.sub.ir/">COMING SOON</a></p> <div id="tsb-wall"> <div id="tsb-ie"></div> <p align="center">آدرس سايت شما</p> <div class="center"> <p> </p></div> </div> <div id="tsb-spot"></div> </div> <script type="text/javascript" language="javascript" charset="utf-8"> var text = null;var spot = null;var box = null;var boxProperty = ''; init(); function init() { text = document.getElementById('tsb-text'); spot = document.getElementById('tsb-spot'); box = document.getElementById('tsb-box'); if (typeof box.style.webkitBoxShadow == 'string') { boxProperty = 'webkitBoxShadow'; } else if (typeof box.style.MozBoxShadow == 'string') { boxProperty = 'MozBoxShadow'; } else if (typeof box.style.boxShadow == 'string') { boxProperty = 'boxShadow'; } if (text && spot && box) { document.getElementById('text-shadow-box').onmousemove = onMouseMove; document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});}; }} function onMouseMove(e) { if (typeof e === 'undefined' || typeof e.clientX === 'undefined') { return; } var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4; var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4; var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5); text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black'; if (boxProperty) { box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black'; } xm = e.clientX - Math.floor(window.innerWidth / 2); ym = e.clientY - Math.floor(window.innerHeight / 2); spot.style.backgroundPosition = xm + 'px ' + ym + 'px';}</script> </body> </html>

ارسال نظر برای این مطلب

قالب

قالب رز بلاگ

قالب بلاگفا

قالب میهن بلاگ

کد جاوا

کد امار

کد تقویم

کد ساعت

کد ماشین حساب

کد فرستادن صلوات

کد خوش امدگویی

کد متحرک سازی

کد سخنان بزرگان

لایه باز

لایه باز لوگو

قالب coming soon