NggodressX

Script Depes Keren

Jun 24th, 2012
188
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.32 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <link REL="SHORTCUT ICON" HREF="http://www.hi5style.com/gr/heart.gif">
  9. <title>./Galau</title>
  10. <style type="text/css" media="all">
  11.  
  12. html,
  13.  
  14. body {
  15.  
  16. margin: 0;
  17.  
  18. padding: 0;
  19.  
  20. }
  21.  
  22. #text-shadow-box {
  23.  
  24. position: fixed;
  25.  
  26. left: 0;
  27.  
  28. right: 0;
  29.  
  30. top: 0;
  31.  
  32. bottom: 0;
  33.  
  34. width: 100%;
  35.  
  36. height: 100%;
  37.  
  38. overflow: hidden;
  39.  
  40. background: #FF0000;
  41.  
  42. font-family: Rockwell, Arial, sans-serif;
  43.  
  44. -webkit-tap-highlight-color: rgba(0,0,0,0);
  45.  
  46. -webkit-user-select: none;
  47.  
  48. }
  49.  
  50. #text-shadow-box #tsb-text,
  51.  
  52. #text-shadow-box #tsb-link {
  53.  
  54. position: absolute;
  55.  
  56. top: 40%;
  57.  
  58. left: 0;
  59.  
  60. width: 100%;
  61.  
  62. height: 1em;
  63.  
  64. margin: -0.77em 0 0 0;
  65.  
  66. font-size: 70px;
  67.  
  68. line-height: 1em;
  69.  
  70. font-weight: bold;
  71.  
  72. text-align: center;
  73.  
  74. }
  75.  
  76. #text-shadow-box #tsb-text {
  77.  
  78. font-size: 100px;
  79.  
  80. color: transparent;
  81.  
  82. text-shadow: black 0px -45.2px 19px;
  83.  
  84. }
  85.  
  86. #text-shadow-box #tsb-link a {
  87.  
  88. color: #FFFFFF;
  89.  
  90. text-decoration: none;
  91.  
  92. }
  93.  
  94. #text-shadow-box #tsb-box,
  95.  
  96. #text-shadow-box #tsb-wall {
  97.  
  98. position: absolute;
  99.  
  100. top: 41%;
  101.  
  102. left: 0;
  103.  
  104. width: 100%;
  105.  
  106. height: 60%;
  107.  
  108. }
  109.  
  110. #text-shadow-box #tsb-box {
  111.  
  112. -webkit-box-shadow: black 0px -45.2px 39px;
  113.  
  114. -moz-box-shadow: black 0px -45.2px 39px;
  115.  
  116. }
  117.  
  118. #text-shadow-box #tsb-wall {
  119.  
  120. background: #999;
  121.  
  122. }
  123.  
  124. #text-shadow-box #tsb-wall p {
  125.  
  126. position: relative;
  127.  
  128. font-size: 15px;
  129.  
  130. line-height: 1.5em;
  131.  
  132. text-align: justify;
  133.  
  134. color: #222;
  135.  
  136. width: 550px;
  137.  
  138. margin: 1.5em auto;
  139.  
  140. cursor: default;
  141.  
  142. }
  143.  
  144. #text-shadow-box #tsb-wall p a {
  145.  
  146. color: #fff;
  147.  
  148. }
  149.  
  150. #text-shadow-box #tsb-wall p a:hover {
  151.  
  152. text-decoration: none;
  153.  
  154. color: #000;
  155.  
  156. background: #fff;
  157.  
  158. }
  159.  
  160. #tsb-spot {
  161.  
  162. position: absolute;
  163.  
  164. top: -50%;
  165.  
  166. left: -50%;
  167.  
  168. width: 200%;
  169.  
  170. height: 200%;
  171.  
  172. pointer-events: none;
  173.  
  174. background: -webkit-gradient(radial, center center, 0, center center, 450, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
  175.  
  176. background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 0, black 450px);
  177.  
  178. }
  179.  
  180. </style>
  181.  
  182.  
  183. <!--[if IE]>
  184.  
  185. <style type="text/css">
  186.  
  187. /* Sadly no IE9 support for pointer-events: none; nor CSS2 text-shadow */
  188.  
  189. #tsb-spot {
  190.  
  191. display: none;
  192.  
  193. }
  194.  
  195. #tsb-ie {
  196.  
  197. position: absolute;
  198.  
  199. top: -90%;
  200.  
  201. left: -50%;
  202.  
  203. width: 200%;
  204.  
  205. height: 334%;
  206.  
  207. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  208.  
  209. }
  210.  
  211. </style>
  212.  
  213. <![endif]-->
  214.  
  215. </head>
  216.  
  217. <body oncontextmenu='return false' onkeypress='return false' onmousedown='return false' onselectstart='return false'>
  218.  
  219. <center>
  220. <embed src="http://img227.imageshack.us/img227/3087/playergv1.swf?soundFile=http://xover5.jkt.3d.x.indowebster.com/download-vip/10/p16f7khggh1fhrhukl9r16941d627.mp3/%5Bwww.indowebster.com%5D-Adele_-_Someone_Like_You.mp3&bg=0x000000&leftbg=0x000000&lefticon=0xFFFFFF&rightbg=0x333333&rightbghover=0x333333&righticon=0xCCCCCC&righticonhover=0xFFFFFF&text=0xcccccc&slider=0x666666&track=0xFFFFFF&border=0xFFFFFF&loader=0xcccccc&autostart=yes&loop=yes" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="1" height="1"></embed>
  221. </center>
  222.  
  223. <div id="text-shadow-box">
  224.  
  225. <div id="tsb-box"></div>
  226.  
  227. <p id="tsb-text">Dhend Reza</p>
  228.  
  229. <p id="tsb-link"><a href="https://www.facebook.com/IR.IRezaI.Rastafara">Dhend Reza</a></p>
  230.  
  231. <div id="tsb-wall">
  232.  
  233. <div id="tsb-ie"></div><br/>
  234.  
  235. <p><center>Hey, Aku Suka Sama Kamu!<br/>
  236.  
  237. Tapi Aku Sadar, Aku Ga Pantas Tuk Memilikimu<br/>
  238.  
  239. Hanya Satu Pintaku...<br/>
  240.  
  241. Aku Berharap Kamu Tau,<br/>
  242.  
  243. Betapa Aku Sangat Mencintaimu<br/>
  244. <br/>
  245. Dear, Seseorang yang di sana :')</center>
  246.  
  247. </p>
  248. <br/>
  249. <p><center>Thanks To: Hacker-Newbie - DevilzC0de - Cyber4rt-Crew and All My Friends</center></p>
  250.  
  251. </div>
  252.  
  253. <div id="tsb-spot"></div>
  254.  
  255. </div>
  256.  
  257. <script type="text/javascript" language="javascript" charset="utf-8">
  258.  
  259. /**
  260. * - Well -
  261. * http://hbcommunity.id-fb.com/
  262. * just happy (^_^)
  263. *
  264. * I Will Return . . . I Will Find U . . .
  265. */
  266.  
  267. var text = null;
  268.  
  269. var spot = null;
  270.  
  271. var box = null;
  272.  
  273. var boxProperty = '';
  274.  
  275. init();
  276.  
  277. function init() {
  278.  
  279. text = document.getElementById('tsb-text');
  280.  
  281. spot = document.getElementById('tsb-spot');
  282.  
  283. box = document.getElementById('tsb-box');
  284.  
  285. if (typeof box.style.webkitBoxShadow == 'string') {
  286.  
  287. boxProperty = 'webkitBoxShadow';
  288.  
  289. } else if (typeof box.style.MozBoxShadow == 'string') {
  290.  
  291. boxProperty = 'MozBoxShadow';
  292.  
  293. } else if (typeof box.style.boxShadow == 'string') {
  294.  
  295. boxProperty = 'boxShadow';
  296.  
  297. }
  298.  
  299. if (text && spot && box) {
  300.  
  301. document.getElementById('text-shadow-box').onmousemove = onMouseMove;
  302.  
  303. document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});};
  304.  
  305. }
  306.  
  307. }
  308.  
  309. function onMouseMove(e) {
  310.  
  311. if (typeof e === 'undefined' || typeof e.clientX === 'undefined') {
  312.  
  313. return;
  314. }
  315.  
  316. var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4;
  317.  
  318. var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4;
  319.  
  320. var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5);
  321.  
  322. text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black';
  323.  
  324. if (boxProperty) {
  325.  
  326. box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black';
  327.  
  328. }
  329.  
  330. xm = e.clientX - Math.floor(window.innerWidth / 2);
  331.  
  332. ym = e.clientY - Math.floor(window.innerHeight / 2);
  333.  
  334. spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
  335.  
  336. }
  337.  
  338. </script>
  339.  
  340. </body>
  341. </html>
Advertisement
Add Comment
Please, Sign In to add comment