API tools faq
paste
Advertisement
Guest User

Live While We're Young

a guest
Oct 18th, 2012
342
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.29 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>Live While We're Young</title>
  4. <link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css'>
  5. <link href='http://fonts.googleapis.com/css?family=Seaweed+Script' rel='stylesheet' type='text/css'>
  6. <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
  7. <base target='_blank'/>
  8. <style type="text/css">
  9.  
  10. #navbar-iframe {
  11. display:none;
  12. }
  13.  
  14. @font-face {
  15. font-family:tt;
  16. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  17. }
  18.  
  19. body{
  20. background:#fff;
  21. font-family:trebuchet ms;
  22. font-size:12px;
  23. color:#666;
  24. cursor:crosshair;
  25. }
  26.  
  27. table {
  28. padding:10px;
  29. background:#fff;
  30. margin:0 auto;
  31. width:862px;
  32. border-left:1px solid #aaa;
  33. border-right:1px solid #aaa;
  34. }
  35.  
  36. .page {
  37. width:580px;
  38. padding:5px;
  39. font-family:trebuchet ms;
  40. font-size:12px;
  41. text-align:justify;
  42. }
  43.  
  44. .side {
  45. width:200px;
  46. padding:5px;
  47. font-family:tt;
  48. font-size:8px;
  49. text-align:justify;
  50. }
  51.  
  52.  
  53. a:link, a:visited {
  54. text-decoration:none;
  55. color:#000;
  56. -webkit-transition-duration:.2s;
  57. -moz-transition-duration:.2s;
  58. }
  59.  
  60. a.button {
  61. font-family: 'Pontano Sans', sans-serif;
  62. font-size:12px;
  63. font-style:italic;
  64. letter-spacing:1px;
  65. display:inline-block;
  66. width:115px;
  67. padding:2px;
  68. }
  69.  
  70. a.button:hover {
  71. background:#969696;
  72. color:white;
  73. padding:2px;
  74. -webkit-transition-duration:0.2s;
  75. -moz-transition-duration:0.2s;
  76. }
  77.  
  78. .h1 {
  79. font-family: 'Handlee', cursive;
  80. font-size:20px;
  81. text-align:center;
  82. letter-spacing:1px;
  83. margin-bottom:5px;
  84. border-bottom:2px solid #eee;
  85. }
  86.  
  87. .h2 {
  88. font-family:tt;
  89. font-size:8px;
  90. text-align:center;
  91. margin-bottom:10px;
  92. }
  93.  
  94. ::-moz-selection, ::selection {
  95. background:#000;
  96. color:#fff;
  97. }
  98.  
  99.  
  100. blockquote{
  101. background:#eee;
  102. border:1px solid #aaa;
  103. padding:10px;
  104. color:#333;
  105. font-size:9px;
  106. }
  107.  
  108.  
  109. .blogger-labels {
  110. border-top: 1px solid #eee;
  111. border-bottom: 1px solid #eee;
  112. padding:0px;
  113. font-style:italic;
  114. font-size:10px;
  115. }
  116.  
  117. ul {
  118. list-style-type: square;
  119. line-height: 10%;
  120. }
  121.  
  122. u {
  123. text-decoration:none;
  124. border-bottom:1px dashed #000000;
  125. padding:0 1px 0 1px;
  126. }
  127.  
  128. i {
  129. color:#eee;
  130. }
  131.  
  132. strike {
  133. color:#999;
  134. }
  135.  
  136. b {
  137. -webkit-transition:.4s;
  138. text-decoration: strong;
  139. letter-spacing:2px;
  140. color: #000;
  141. }
  142.  
  143. .top {
  144. width:860px;
  145. margin:0 auto;
  146. height:135px;
  147. padding-top:15px;
  148. background:url(http://i.imgur.com/CS2RI.png);
  149. border-bottom:5px solid #aaa;
  150. border-left:1px solid #aaa;
  151. border-right:1px solid #aaa;
  152. }
  153.  
  154. .bottom {
  155. color:#333;
  156. text-align:center;
  157. font-family:tt;
  158. font-size:8px;
  159. width:860px;
  160. margin:0 auto;
  161. height:15px;
  162. padding-top:15px;
  163. background:url(http://i.imgur.com/CS2RI.png);
  164. border-top:5px solid #aaa;
  165. border-left:1px solid #aaa;
  166. border-right:1px solid #aaa;
  167. }
  168.  
  169. .perkataan {
  170. font-family: 'Seaweed Script', cursive;
  171. font-size:45pt;
  172. color:#fff;
  173. text-align:center;
  174. margin-top:5px;
  175. text-shadow:0px 0px 0px #eee;
  176. -webkit-transition-duration:0.2s;
  177. -moz-transition-duration:0.2s;
  178. }
  179.  
  180. .perkataan:hover {
  181. font-family: 'Seaweed Script', cursive;
  182. font-size:45pt;
  183. color:#fff;
  184. text-align:center;
  185. margin-top:5px;
  186. text-shadow:0px 0px 10px #eee;
  187. -webkit-transition-duration:0.2s;
  188. -moz-transition-duration:0.2s;
  189. }
  190.  
  191. .pagar {
  192. width:100%;
  193. color:#000;
  194. background:#eee;
  195. font-size:14px;
  196. font-family:trebuchet ms;
  197. opacity:0.6;
  198. text-align:center;
  199. margin-top:7px;
  200. }
  201.  
  202. ::-webkit-scrollbar {width:10px;height:5px;}
  203. ::-webkit-scrollbar-track-piece {background:#fff;}
  204. ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background:url(http://i.imgur.com/CS2RI.png);}
  205.  
  206. </style>
  207.  
  208. <body oncontextmenu="return false" ondragstart="return false">
  209. <table width="850"><tr>
  210. <div class="top"><div class="perkataan">Live While We're Young .</div>
  211. <div class="pagar"><a class="button" onClick="document.getElementById('page').innerHTML=document.getElementById('prof').innerHTML">TUTORIAL</a><a class="button" href="URL LINK1">LINK 1</a><a class="button" href="URL LINK 2">LINK 2</a><a class="button" href="URL LINK 3">LINK 3</a><a class="button" href="URL LINK 4">LINK 4</a><a class="button" href="URL LINK 5">LINK 5</a><a class="button" onClick="document.getElementById('page').innerHTML=document.getElementById('back').innerHTML">BACK</a></div>
  212. <td valign="top"><div class="page">
  213. <div id="page">
  214. <blogger>
  215. <div class="h1"><$BlogItemTitle$></div>
  216. <div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> , <BlogItemCommentsEnabled><$BlogItemCommentCount$><a class="comments" href="https://www.blogger.com/comment.g?blogID=<$BlogID$>&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open(this.href,'newwin', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=200,height=450');return false;"> Comment</a></BlogItemCommentsEnabled></div>
  217. <$BlogItemBody$>
  218. </blogger>
  219. </div></div></td>
  220.  
  221. <td valign="top"><div class="side">
  222. <div class="h1">Disclaimer</div>
  223. <center><img src="http://i.imgur.com/L4zQd.jpg" width="195px" style="border-radius:00px;"></center>
  224. <br>
  225. Here , your short bio maybe . or blog rules or any greeting . up to you. please make sure you didn't remove the credit section. thank you
  226. <br>
  227. <center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/27680/Live_While_We_re_Young.mp3&t0=LWWY&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></center>
  228. <br>
  229. <center><img src="http://i.imgur.com/eolNh.png" width="200px"></center>
  230. <br>
  231. <br>
  232. <div class="h1">Them</div>
  233. <br>
  234. <center><img src="http://i.imgur.com/IdK26.png" width="200px"></center>
  235. <br>
  236. <center><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FHafizZulkaflyOfficialBloggie&amp;width=200&amp;height=85&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:85px;" allowtransparency="true"></iframe></center>
  237. <br>
  238. <br>
  239. </br>
  240. <div class="h1">Help Me ?</div>
  241. <br>
  242. <center><img src="http://i.imgur.com/wEaBD.png"></center>
  243. </br><br>
  244. <center><NewerPosts> « <a href="<$NewerPosts$>">NEWEST</a> // </NewerPosts><OlderPosts><a href="<$OlderPosts$>">OLDEST</a> » </OlderPosts></center>
  245. </div></div</div></td>
  246.  
  247. <div id="back" style="display:none">
  248. <blogger>
  249. <div class="h1"><$BlogItemTitle$></div>
  250. <div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> , <BlogItemCommentsEnabled><$BlogItemCommentCount$><a class="comments" href="https://www.blogger.com/comment.g?blogID=<$BlogID$>&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open(this.href,'newwin', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=200,height=450');return false;"> Comment</a></BlogItemCommentsEnabled></div>
  251. <$BlogItemBody$>
  252. </blogger>
  253. </div></div></div></tr></table>
  254.  
  255. <div id="prof" style="display:none">
  256. <div class="h1">Goodies</div>
  257. <div class="h2">CTRL + C to copy </div>
  258.  
  259. paste your goodies , stuff or anything here :)
  260. </div>
  261. <div class="bottom">Skin Made By : <a href="http://hafizzulkafly.blogspot.com/">Hafiz</a><a href="http://www.blogskins.com/me/mhz92">Zulkafly</a>. Others <a href="http://www.colourlovers.com/">x</a><a href="http://www.google.com/webfonts">x</a>.</div>
  262. </body>
  263. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!