API tools faq
paste
Advertisement
rowrz

MY FUCKING HOVER HERE

rowrz
Apr 12th, 2014
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.34 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2. <meta name="if:showsongtitle" />
  3. <meta name="if:showsongtitle2" />
  4.  
  5. <meta name="text:songtitle1" content="" />
  6. <meta name="text:songlink1" content="" />
  7. <meta name="text:songtitle2" content="" />
  8. <meta name="text:songlink2" content="" />
  9. <meta name="text:songtitle3" content="" />
  10. <meta name="text:songlink3" content="" />
  11. <meta name="text:songtitle4" content="" />
  12. <meta name="text:songlink4" content="" />
  13. <meta name="text:songtitle5" content="" />
  14. <meta name="text:songlink5" content="" />
  15.  
  16. <style>
  17. #ocehans1{
  18. height:15px;
  19. text-align:center;
  20. overflow:hidden;
  21. margin-top:-1px;
  22. border-bottom:1px solid #efefef;
  23. text-transform:uppercase;
  24. letter-spacing:1px;
  25. font-size:8px;
  26. line-height:10px;
  27. z-index:999999999999999999999;
  28. -webkit-transition: all 0.5s ease-in-out;
  29. -moz-transition: all 0.5s ease-in-out;
  30. -o-transition: all 0.5s ease-in-out;
  31. transition: all 0.5s ease-in-out;
  32. }
  33. {block:ifshowsongtitle2}
  34. #ocehans1:hover{
  35. height:80px;
  36. -webkit-transition: all 0.5s ease-in-out;
  37. -moz-transition: all 0.5s ease-in-out;
  38. -o-transition: all 0.5s ease-in-out;
  39. transition: all 0.5s ease-in-out;
  40. }
  41. {/block:ifshowsongtitle2}
  42. #ocehans2{
  43. height:13px;
  44. text-align:center;
  45. overflow:hidden;
  46. border-bottom:1px solid #efefef;
  47. text-transform:uppercase;
  48. background-color:#fff;
  49. letter-spacing:1px;
  50. font-size;8px;
  51. line-height:13px;
  52. z-index:999999999999999999999;
  53. -webkit-transition: all 0.5s ease-in-out;
  54. -moz-transition: all 0.5s ease-in-out;
  55. -o-transition: all 0.5s ease-in-out;
  56. transition: all 0.5s ease-in-out;
  57. }
  58.  
  59. #ocehans2:hover{
  60. height:105px;
  61. -webkit-transition: all 0.5s ease-in-out;
  62. -moz-transition: all 0.5s ease-in-out;
  63. -o-transition: all 0.5s ease-in-out;
  64. transition: all 0.5s ease-in-out;
  65. }
  66.  
  67. #ocehans3{
  68. height:13px;
  69. text-align:center;
  70. overflow:hidden;
  71. border-bottom:1px solid #efefef;
  72. text-transform:uppercase;
  73. background-color:#fff;
  74. letter-spacing:1px;
  75. font-size;8px;
  76. line-height:13px;
  77. z-index:999999999999999999999;
  78. -webkit-transition: all 0.5s ease-in-out;
  79. -moz-transition: all 0.5s ease-in-out;
  80. -o-transition: all 0.5s ease-in-out;
  81. transition: all 0.5s ease-in-out;
  82. }
  83.  
  84. #ocehans3:hover{
  85. height:240px;
  86. -webkit-transition: all 0.5s ease-in-out;
  87. -moz-transition: all 0.5s ease-in-out;
  88. -o-transition: all 0.5s ease-in-out;
  89. transition: all 0.5s ease-in-out;
  90. }
  91.  
  92. #ocehans4{
  93. height:13px;
  94. text-align:center;
  95. overflow:hidden;
  96. border-bottom:1px solid #efefef;
  97. text-transform:uppercase;
  98. background-color:#fff;
  99. letter-spacing:1px;
  100. font-size;8px;
  101. line-height:13px;
  102. z-index:999999999999999999999;
  103. -webkit-transition: all 0.5s ease-in-out;
  104. -moz-transition: all 0.5s ease-in-out;
  105. -o-transition: all 0.5s ease-in-out;
  106. transition: all 0.5s ease-in-out;
  107. }
  108.  
  109. #ocehans4:hover{
  110. height:100px;
  111. -webkit-transition: all 0.5s ease-in-out;
  112. -moz-transition: all 0.5s ease-in-out;
  113. -o-transition: all 0.5s ease-in-out;
  114. transition: all 0.5s ease-in-out;
  115. }
  116.  
  117. #ocehans5{
  118. height:13px;
  119. text-align:center;
  120. overflow:hidden;
  121. text-transform:uppercase;
  122. border-bottom:1px solid #efefef;
  123. background-color:#fff;
  124. letter-spacing:1px;
  125. font-size;8px;
  126. line-height:13px;
  127. z-index:999999999999999999999;
  128. -webkit-transition: all 0.5s ease-in-out;
  129. -moz-transition: all 0.5s ease-in-out;
  130. -o-transition: all 0.5s ease-in-out;
  131. transition: all 0.5s ease-in-out;
  132. }
  133.  
  134. #ocehans5:hover{
  135. height:125px;
  136. -webkit-transition: all 0.5s ease-in-out;
  137. -moz-transition: all 0.5s ease-in-out;
  138. -o-transition: all 0.5s ease-in-out;
  139. transition: all 0.5s ease-in-out;
  140. }
  141.  
  142. #ocehans6{
  143. height:13px;
  144. text-align:center;
  145. overflow:hidden;
  146. text-transform:uppercase;
  147. background-color:#fff;
  148. letter-spacing:1px;
  149. font-size;8px;
  150. line-height:13px;
  151. z-index:999999999999999999999;
  152. -webkit-transition: all 0.5s ease-in-out;
  153. -moz-transition: all 0.5s ease-in-out;
  154. -o-transition: all 0.5s ease-in-out;
  155. transition: all 0.5s ease-in-out;
  156. }
  157.  
  158. #ocehans6:hover{
  159. height:570px;
  160. -webkit-transition: all 0.5s ease-in-out;
  161. -moz-transition: all 0.5s ease-in-out;
  162. -o-transition: all 0.5s ease-in-out;
  163. transition: all 0.5s ease-in-out;
  164. }
  165.  
  166.  
  167. #ocehans{
  168. text-align:left;
  169. font-size:7px;
  170. text-transform:uppercase;
  171. opacity: .9;
  172. margin-bottom:-2px;
  173. border:1px solid #f6f6f6;
  174. position:fixed;
  175. font-family:consolas;
  176. right:14px;
  177. background-color:#fff;
  178. letter-spacing:1px;
  179. width:120px;
  180. z-index:9999;
  181. padding:4px;
  182. top:30px;
  183. }
  184. </style>
  185. </head>
  186.  
  187. <body>
  188. <div id="ocehans">
  189. <center>
  190. <div id="ocehans1">
  191. <div style="font-size:8px;">
  192.  
  193. <embed src="http://www.sheepproductions.com/billy/billy.swf?
  194. autoplay=false&f0={text:songlink1}&t0={block:ifshowsongtitle}{text:songtitle1}{/block:ifshowsongtitle}&f1={text:songlink2}&t1={block:ifshowsongtitle}{text:songtitle2}{/block:ifshowsongtitle}&f2={text:songlink3}&t2={block:ifshowsongtitle}{text:songtitle3}{/block:ifshowsongtitle}&f3={text:songlink4}&t3={block:ifshowsongtitle}{text:songtitle4}{/block:ifshowsongtitle}&f4={text:songlink5}&t4={block:ifshowsongtitle}{text:songtitle5}{/block:ifshowsongtitle}&total=5" quality="high" wmode="transparent"
  195. width="200" height="10" name="billy" align="middle"
  196. type="application/x-shockwave-flash" />
  197. {block:ifshowsongtitle2}
  198. <ul>
  199.     <li>{text:songtitle1}</li>
  200.     <li>{text:songtitle2}</li>
  201.     <li>{text:songtitle3}</li>
  202.     <li>{text:songtitle4}</li>
  203.     <li>{text:songtitle5}</li>
  204. </ul>
  205. {/block:ifshowsongtitle2}
  206. </div>
  207. </div>
  208.  
  209.  
  210. <div id="ocehans2">
  211. <div style="font-size:8px;">this is alex</div> <div style="padding-top:-1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:{color:text};">
  212. <p><a href="http://flickr.com/photos/rowrz/" target="_blank">i enjoy photography</a></p>
  213. <p><a href="http://goodk.in/" target="_blank">im really good with computers</a></p>
  214. <p><a href="/tagged/nature" target="_blank">i love nature</a></p>
  215. <p><a href="/" target="_blank">enjoy your stay</a></p>
  216. </div>
  217. </div>
  218.  
  219.  
  220. <div id="ocehans3">
  221. <div style="font-size:8px;">links</div> <div style="padding-top:-1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:{color:text};">
  222.  
  223. <p><a href="http://godshaves.us/" target="_blank">humour blog</a></p>
  224. <p><a href="http://nevoid.tumblr.com/" target="_blank">glow blog</a></p>
  225. <p><a href="http://requisite.tk/" target="_blank">b&w blog</a></p>
  226. <p><a href="http://ixodid.tumblr.com/" target="_blank">blue blog</a></p>
  227. <p><a href="http://chemical-themes.tumblr.com/" target="_blank">themes</a></p>
  228. <p><a href="https://twitter.com/rowrz/" target="_blank">my twitter</a></p>
  229. <p><a href="http://instagram.com/vintageursofficial" target="_blank">vo instagram</a></p>
  230. <p><a href="http://instagram.com/wuturz" target="_blank">my instagram</a></p>
  231. <p><a href="/blogroll" target="_blank">blogroll</a></p>
  232. <p><a href="http://flickr.com/photos/rowrz/" target="_blank">my flickr</a></p>
  233. <p><a href="/tagged/tutorials" target="_blank">tutorials</a></p>
  234. <p><a href="/tagged/me" target="_blank">selfies</a></p>
  235.  
  236. </div></div>
  237.  
  238. <div id="ocehans4">
  239. <div style="font-size:8px;">stats</div> <div style="padding-top:-1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:{color:text};">
  240.  
  241. <p><!--qplus.io--><p>
  242.  
  243. <p><!--fhs online script--></p>
  244. <p><!--fhs page views script--> gone</p>
  245.  
  246. <p>date: <!--fhs date script--></p>
  247.  
  248. <br><br>
  249. </div>
  250. </div>
  251.  
  252. <div id="ocehans5">
  253. <div style="font-size:8px;">networks</div> <div style="padding-top:-1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:{color:text};">
  254.  
  255. <a href="http://vintageurs.tumblr.com/" title="The Vintageurs Network"><img src="http://static.tumblr.com/4ra4qv5/I4on1puue/29nbaxj.jpg" width="30px" /></a>
  256. <a href="http://the-spirit-network.tumblr.com/" title="The Spirit Network" target="_blank"><img src="http://static.tumblr.com/b5f3f20d611477be9114916c4b63c21e/airdxss/9S9n14bx6/tumblr_static_rose_mandala.jpg" width="30px" /></a>
  257. <a href="http://fleursdivoire-network.tumblr.com/"><img src="http://static.tumblr.com/4ra4qv5/TR9n1qzcz/2z5ndwx.jpg" title="The Fleurs D'ivoire Network" width="30" /></a>
  258. <a href="http://kingsandqueensnetwork.tumblr.com/"><img height="40" src="http://static.tumblr.com/4ra4qv5/nIqn1ue40/2ufzpfl.jpg" title="The King and Queens Network" /></a>
  259. <a href="http://cali-palmers.tumblr.com/"><img src="http://static.tumblr.com/4ra4qv5/dDNn2y8zf/avatar_842910c349b9_64.png" title="The Palmers Network" width="30" style="padding-left: 2px;" /></a>
  260. <a href="http://hungersgroup.tumblr.com"><img src="http://static.tumblr.com/tzrr2yj/JoXmxtkad/hungergames_logo.png" title="The Hungers Group" width="30" /></a>
  261. <a href="http://vintageland-network.tumblr.com/"><img src="http://static.tumblr.com/jj63pgh/Juvmyqslv/vintageland.png" title="The Vintageland Network" width="30" /></a>
  262. <a href="http://wall-flowers-group.tumblr.com/"><img src="http://static.tumblr.com/4ra4qv5/YMbn2zsck/35ddc8g.jpg" title="The Wallflower Group" width="30" /></a>
  263.  
  264. <br><br>
  265. </div>
  266. </div>
  267.  
  268. <div id="ocehans6">
  269. <div style="font-size:8px;">ads</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:{color:text};">
  270.  
  271. If you want a promo click this ad then message me <a href="/askfaq">here</a> what it was about! <br />
  272.  
  273. <!--my ad code was here butttt-->
  274.  
  275.  
  276. </div></div>
  277. </div></div></div></div>
  278. </body>
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!