API tools faq
paste
Advertisement
luciam

Tags page #1

luciam
Jan 8th, 2014
5,093
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.30 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head><title>Tags</title>
  3. <link rel="shortcut icon" href="{Favicon}" />
  4.  
  5. </head>
  6. <!-------------------------------------------------
  7. TAGS PAGE #01 BY: http://robbarya.tumblr.com (INSTRUCTIONS IN CODE)
  8. ...................................................
  9. ...................................................
  10.  
  11. TERMS OF USE:
  12. - DON'T CLAIM AS YOUR OWN
  13. - DON'T REMOVE OR MOVE THE CREDIT
  14. - DON'T REDISTRIBUTE
  15. - DON'T USE AS A BASE. YOU CAN EDIT IT AS MUCH AS YOU LIKE AS LONG AS THE CREDIT IS STILL IN ITS ORIGINAL PLACE- Thank you
  16. --------------------------------------------->
  17.  
  18. <style type="text/css">
  19.  
  20. iframe#tumblr_controls{
  21. position:fixed !important;
  22. right:0px !important;
  23. z-index:999;
  24. }
  25.  
  26. body { background-color: #fff;} /*Change background color*/
  27.  
  28. ::-webkit-scrollbar-thumb:vertical {
  29. background-color: #ccc; /*Change color of scroll bar*/
  30. height:7px;
  31. border-bottom:2px solid #FFF;/*Make sure this matches the background color*/
  32. border-top:2px solid #FFF;/*Make sure this matches the background color*/
  33. }
  34.  
  35. ::-webkit-scrollbar {
  36. background-color: #fff; /*Make sure this matches the background color*/
  37. height:7px;
  38. width:8px;
  39. }
  40.  
  41. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  42. display:block;
  43. height:10px;
  44. background-color: #7cc3ce ; /*Change the scroll buttom color*/
  45. }
  46.  
  47.  
  48. h1 {
  49. color: #FFF; /*Change the color of the tags titles*/
  50. background-color: #bacac7; /*Change the background of the tags titles*/
  51. display: block;
  52. font-family: Verdana, Geneva, sans-serif;
  53. font-size: 8px;
  54. font-weight: normal;
  55. text-transform: uppercase;
  56. padding: 5px;
  57. width: 200px;
  58. text-align: center;
  59. letter-spacing: 0.12em;
  60. }
  61. table tr td {
  62. width: 200px;
  63. vertical-align: top;
  64. }
  65.  
  66. a, a:active, a:visited, a:hover {
  67. -webkit-transition: all 0.6s linear;
  68. -moz-transition: all 0.6s linear;
  69. -ms-transition: all 0.6s linear;
  70. -o-transition: all 0.6s linear;
  71. transition: all 0.6s linear;
  72. }
  73.  
  74. table a {
  75. width: 200px;
  76. font-family: calibri, sans-serif;
  77. font-size: 12px;
  78. display: block;
  79. text-align: left;
  80. line-height: 10px;
  81. color: #B6B6B6; /*Change the tags' color*/
  82. text-decoration: none;
  83. text-transform: lowercase;
  84. padding: 2px;
  85. }
  86. table a:hover {
  87. color: #333; /*Change the tags' color when you hover on them*/
  88. -webkit-transition: all 0.6s linear;
  89. -moz-transition: all 0.6s linear;
  90. -ms-transition: all 0.6s linear;
  91. -o-transition: all 0.6s linear;
  92. transition: all 0.6s linear;
  93. }
  94. #todo {
  95. width: 600px;
  96. margin: auto;
  97. margin-left: 350px;
  98. }
  99. .tagsidebar {
  100. position: fixed;
  101. width: 150px;
  102. margin-top: 150px;
  103. float: left;
  104. margin-left: 100px;
  105. z-index: -1;
  106. }
  107. .tagsidebar img {
  108. height: 150px;
  109. width: 150px;
  110. z-index: -1;
  111. -webkit-border-radius: 200px;
  112. -moz-border-radius: 200px;
  113. border-radius: 200px;
  114. }
  115. .tagstitulo {
  116. text-decoration:underline;
  117. font-family: calibri, sans-serif;
  118. text-transform:uppercase;
  119. color: #999; /*Change the main title color*/
  120. width: 150px;
  121. margin-top: 10px;
  122. letter-spacing: 0.3em;
  123. text-align: center;
  124. font-size: 13px;
  125. height: 13px;
  126. }
  127. .tagsvolver {
  128. color: #000;
  129. background-color: #FFF;
  130. height: 150px;
  131. width: 75px;
  132. margin-top: 150px;
  133. position: fixed;
  134. float: left;
  135. margin-left: 100px;
  136. text-align: center;
  137. opacity: 0.7;
  138. -webkit-border-top-left-radius: 200px;
  139. -webkit-border-bottom-left-radius: 200px;
  140. -moz-border-radius-topleft: 200px;
  141. -moz-border-radius-bottomleft: 200px;
  142. border-top-left-radius: 200px;
  143. border-bottom-left-radius: 200px;
  144. -o-transition-transition:0.8s;
  145. -webkit-transition-duration:0.8s;
  146. -moz-transition-duration:0.8s;
  147. }
  148. .tagsvolver a {
  149. color: #000;
  150. font-family: calibri;
  151. font-size: 14px;
  152. letter-spacing: 0.1em;
  153. line-height: 5px;
  154. text-align: center;
  155. text-decoration: none;
  156. display: block;
  157. }
  158. .tagsvolver:hover {
  159. color: #33F;
  160. opacity: 0.2;
  161. -o-transition-transition:0.8s;
  162. -webkit-transition-duration:0.8s;
  163. -moz-transition-duration:0.8s;
  164. }
  165. .tagslinks {
  166. margin-top: 330px;
  167. margin-left: 125px;
  168. z-index: 999;
  169. float:left;
  170. position: fixed;}
  171.  
  172. .tagslinks a {
  173. font-family: calibri, sans-serif;
  174. text-transform: uppercase;
  175. padding: 3px;
  176. color: #CCC; /*Change the color of the links in the sidebar*/
  177. text-decoration: none;
  178. font-size: 8px;
  179. letter-spacing: 0.3em;
  180. text-align: right;
  181. }
  182.  
  183. .tagslinks a:hover {color:#698798;} /*Change the color of the sidebar links when you hover over them*/
  184.  
  185. </style>
  186. </head>
  187.  
  188. <body>
  189. <a href="/"></a><div class="tagsvolver">
  190. <p>&nbsp;</p>
  191. <p><a href="/">GO </a></p>
  192. <p><a href="/">BACK</a></p>
  193. <p><a href="/">←</a></p>
  194. </div></a>
  195. <div class="tagsidebar"><img src="http://static.tumblr.com/d4tdea8/82Bmz3hm7/tagsside.jpg" /> <!--------Change the sidebar image, you should previously upload it on http://www.tumblr.com/themes/upload_static_file and then copy here the link it gives you, between the ""--------->
  196. <div class="tagstitulo">Tags<!---Change the main title!--></div></div>
  197. <div class="tagslinks"><a href="/">go back</a></br><a href="/ask">message</a><br><a href="http://tumblr.com/dashboard">back to dashboard</a><br><a href="http://robbarya.tumblr.com"> credit</a></div>
  198. <div id="todo">
  199. <table width="100%" border="0">
  200. <tr>
  201. <!---FIRST COLUMN!--><td>
  202. <h1>LIST TITLE</h1>
  203. <a href="/tagged/LINKURL" target="_blank">link</a>
  204. <a href="/tagged/LINKURL" target="_blank">link</a>
  205. <a href="/tagged/LINKURL" target="_blank">link</a>
  206. <a href="/tagged/LINKURL" target="_blank">link</a>
  207. <a href="/tagged/LINKURL" target="_blank">link</a>
  208. <a href="/tagged/LINKURL" target="_blank">link</a>
  209. <a href="/tagged/LINKURL" target="_blank">link</a>
  210. <a href="/tagged/LINKURL" target="_blank">link</a>
  211. <a href="/tagged/LINKURL" target="_blank">link</a>
  212. <a href="/tagged/LINKURL" target="_blank">link</a>
  213. <a href="/tagged/LINKURL" target="_blank">link</a>
  214. <a href="/tagged/LINKURL" target="_blank">link</a>
  215. <a href="/tagged/LINKURL" target="_blank">link</a>
  216. <a href="/tagged/LINKURL" target="_blank">link</a>
  217. <a href="/tagged/LINKURL" target="_blank">link</a>
  218. <a href="/tagged/LINKURL" target="_blank">link</a>
  219. <a href="/tagged/LINKURL" target="_blank">link</a>
  220. <a href="/tagged/LINKURL" target="_blank">link</a>
  221. <a href="/tagged/LINKURL" target="_blank">link</a>
  222. <a href="/tagged/LINKURL" target="_blank">link</a>
  223. <a href="/tagged/LINKURL" target="_blank">link</a>
  224. <a href="/tagged/LINKURL" target="_blank">link</a>
  225. <!----ADD AS MANY AS YOU WANT!--->
  226. <h1>LIST TITLE</h1> <!-------You can erase this or add more!------>
  227. <a href="/tagged/LINKURL" target="_blank">link</a>
  228. <a href="/tagged/LINKURL" target="_blank">link</a>
  229. <a href="/tagged/LINKURL" target="_blank">link</a>
  230. <a href="/tagged/LINKURL" target="_blank">link</a>
  231. <a href="/tagged/LINKURL" target="_blank">link</a>
  232. <a href="/tagged/LINKURL" target="_blank">link</a>
  233. <a href="/tagged/LINKURL" target="_blank">link</a>
  234. <a href="/tagged/LINKURL" target="_blank">link</a>
  235. <a href="/tagged/LINKURL" target="_blank">link</a>
  236. <a href="/tagged/LINKURL" target="_blank">link</a>
  237. <a href="/tagged/LINKURL" target="_blank">link</a>
  238.  
  239.  
  240. </td>
  241.  
  242. <!---SECOND COLUMN!--><td>
  243. <h1>LIST TITLE</h1>
  244. <a href="/tagged/LINKURL" target="_blank">link</a>
  245. <a href="/tagged/LINKURL" target="_blank">link</a>
  246. <a href="/tagged/LINKURL" target="_blank">link</a>
  247. <a href="/tagged/LINKURL" target="_blank">link</a>
  248. <a href="/tagged/LINKURL" target="_blank">link</a>
  249. <a href="/tagged/LINKURL" target="_blank">link</a>
  250. <a href="/tagged/LINKURL" target="_blank">link</a>
  251. <a href="/tagged/LINKURL" target="_blank">link</a>
  252. <a href="/tagged/LINKURL" target="_blank">link</a>
  253. <a href="/tagged/LINKURL" target="_blank">link</a>
  254. <a href="/tagged/LINKURL" target="_blank">link</a>
  255. <a href="/tagged/LINKURL" target="_blank">link</a>
  256. <a href="/tagged/LINKURL" target="_blank">link</a>
  257. <a href="/tagged/LINKURL" target="_blank">link</a>
  258. <a href="/tagged/LINKURL" target="_blank">link</a>
  259. <a href="/tagged/LINKURL" target="_blank">link</a>
  260. <a href="/tagged/LINKURL" target="_blank">link</a>
  261. <a href="/tagged/LINKURL" target="_blank">link</a>
  262. <a href="/tagged/LINKURL" target="_blank">link</a>
  263. <a href="/tagged/LINKURL" target="_blank">link</a>
  264. <a href="/tagged/LINKURL" target="_blank">link</a>
  265. <a href="/tagged/LINKURL" target="_blank">link</a>
  266. <!----ADD AS MANY AS YOU WANT!--->
  267. <h1>LIST TITLE</h1> <!-------You can erase this or add more!------>
  268. <a href="/tagged/LINKURL" target="_blank">link</a>
  269. <a href="/tagged/LINKURL" target="_blank">link</a>
  270. <a href="/tagged/LINKURL" target="_blank">link</a>
  271. <a href="/tagged/LINKURL" target="_blank">link</a>
  272. <a href="/tagged/LINKURL" target="_blank">link</a>
  273. <a href="/tagged/LINKURL" target="_blank">link</a>
  274. <a href="/tagged/LINKURL" target="_blank">link</a>
  275. <a href="/tagged/LINKURL" target="_blank">link</a>
  276. <a href="/tagged/LINKURL" target="_blank">link</a>
  277. <a href="/tagged/LINKURL" target="_blank">link</a>
  278. <a href="/tagged/LINKURL" target="_blank">link</a>
  279. </td>
  280. <!---THIRD COLUMN!--><td>
  281. <h1>LIST TITLE</h1>
  282. <a href="/tagged/LINKURL" target="_blank">link</a>
  283. <a href="/tagged/LINKURL" target="_blank">link</a>
  284. <a href="/tagged/LINKURL" target="_blank">link</a>
  285. <a href="/tagged/LINKURL" target="_blank">link</a>
  286. <a href="/tagged/LINKURL" target="_blank">link</a>
  287. <a href="/tagged/LINKURL" target="_blank">link</a>
  288. <a href="/tagged/LINKURL" target="_blank">link</a>
  289. <a href="/tagged/LINKURL" target="_blank">link</a>
  290. <a href="/tagged/LINKURL" target="_blank">link</a>
  291. <a href="/tagged/LINKURL" target="_blank">link</a>
  292. <a href="/tagged/LINKURL" target="_blank">link</a>
  293. <a href="/tagged/LINKURL" target="_blank">link</a>
  294. <a href="/tagged/LINKURL" target="_blank">link</a>
  295. <a href="/tagged/LINKURL" target="_blank">link</a>
  296. <a href="/tagged/LINKURL" target="_blank">link</a>
  297. <a href="/tagged/LINKURL" target="_blank">link</a>
  298. <a href="/tagged/LINKURL" target="_blank">link</a>
  299. <a href="/tagged/LINKURL" target="_blank">link</a>
  300. <a href="/tagged/LINKURL" target="_blank">link</a>
  301. <a href="/tagged/LINKURL" target="_blank">link</a>
  302. <a href="/tagged/LINKURL" target="_blank">link</a>
  303. <a href="/tagged/LINKURL" target="_blank">link</a>
  304. <!----ADD AS MANY AS YOU WANT!--->
  305. <h1>LIST TITLE</h1> <!-------You can erase this or add more!------>
  306. <a href="/tagged/LINKURL" target="_blank">link</a>
  307. <a href="/tagged/LINKURL" target="_blank">link</a>
  308. <a href="/tagged/LINKURL" target="_blank">link</a>
  309. <a href="/tagged/LINKURL" target="_blank">link</a>
  310. <a href="/tagged/LINKURL" target="_blank">link</a>
  311. <a href="/tagged/LINKURL" target="_blank">link</a>
  312. <a href="/tagged/LINKURL" target="_blank">link</a>
  313. <a href="/tagged/LINKURL" target="_blank">link</a>
  314. <a href="/tagged/LINKURL" target="_blank">link</a>
  315. <a href="/tagged/LINKURL" target="_blank">link</a>
  316. <a href="/tagged/LINKURL" target="_blank">link</a>
  317. </td>
  318. </tr>
  319. </table>
  320. </div>
  321. </body>
  322. </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!