API tools faq
paste
Advertisement
luciam

Tags page #2

luciam
Feb 21st, 2014
5,077
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.68 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------
  2. TAGS PAGE #02 BY: http://robbarya.tumblr.com (INSTRUCTIONS IN CODE)
  3. ...................................................
  4. ...................................................
  5.  
  6. TERMS OF USE:
  7. - DON'T CLAIM AS YOUR OWN
  8. - DON'T REMOVE OR MOVE THE CREDIT
  9. - DON'T REDISTRIBUTE
  10. - 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
  11. --------------------------------------------->
  12.  
  13. <head><title>Tags</title><!---Change the browser title--->
  14.  
  15. <link rel="shortcut icon" href="{Favicon}" />
  16.  
  17.  
  18. <style type="text/css">
  19. @font-face {
  20. font-family: 'Tulpen One';
  21. font-style: normal;
  22. font-weight: 400;
  23. src: local('Tulpen One'), local('TulpenOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/tulpenone/v4/zIBZqHVchKl0ZjPbCjECkhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
  24. }
  25.  
  26.  
  27. iframe#tumblr_controls{
  28. position:fixed !important;
  29. right:0px !important;
  30. z-index:999;
  31. }
  32.  
  33. a, a:active, a:visited, a:hover {
  34. -webkit-transition: all 0.6s linear;
  35. -moz-transition: all 0.6s linear;
  36. -ms-transition: all 0.6s linear;
  37. -o-transition: all 0.6s linear;
  38. transition: all 0.6s linear;
  39. }
  40.  
  41. ::-webkit-scrollbar-thumb:vertical {
  42. background-color: #ccc; /*Change color of scroll bar*/
  43. height:5px;
  44. }
  45. ::-webkit-scrollbar-corner {
  46. background-color: transparent;
  47. }
  48. ::-webkit-scrollbar-thumb:horizontal {
  49. background-color: #ccc; /*Change color of scroll bar*/
  50. height:5px!important;
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. height:7px;
  55. width:5px;
  56. }
  57.  
  58. a {
  59. color: #ccc;
  60. text-decoration: none;
  61. }
  62. #credit {
  63. background-color: #eee;
  64. position:fixed;
  65. bottom:10px;
  66. right:10px;
  67. text-align: center;
  68. text-transform: uppercase;
  69. font-size:8px;
  70. letter-spacing:0.3em;
  71. opacity:1;
  72. width:50px;
  73. padding:5px;
  74. }
  75.  
  76. #credit a {
  77. color: #333;
  78. text-decoration:none;
  79. }
  80.  
  81. #credit a:hover {
  82. letter-spacing: 0.5em;
  83. opacity: 0.6;
  84. }
  85.  
  86. body {
  87. font-family: Calibri;
  88. color: #666;
  89. background-color: #FFF; /*Change background color*/
  90. }
  91. .top {
  92. background-color: #EEE; /*Change the topbar main color*/
  93. height: 60px;
  94. width: 640px;
  95. margin: auto;
  96. margin-top:10px;
  97. }
  98. .top img {
  99. height: 40px;
  100. width: 40px;
  101. border: solid 5px #CCC; /*Change the image border color*/
  102. margin: 5px 5px;
  103. -webkit-transition: all 0.6s linear;
  104. -moz-transition: all 0.6s linear;
  105. -ms-transition: all 0.6s linear;
  106. -o-transition: all 0.6s linear;
  107. transition: all 0.6s linear;
  108. }
  109.  
  110. .top img:hover{
  111. border-color: #c8413a; /*Change the image border color when you hover over it*/
  112. -webkit-transition: all 0.6s linear;
  113. -moz-transition: all 0.6s linear;
  114. -ms-transition: all 0.6s linear;
  115. -o-transition: all 0.6s linear;
  116. transition: all 0.6s linear;}
  117.  
  118. .navi {
  119. margin-top: -70px;
  120. margin-left: 20px;
  121. }
  122.  
  123. .navi ul {list-style-type:none;}
  124.  
  125. .navi li {
  126. text-transform: uppercase;
  127. background-color: #CCC; /*Change the top links bg color*/
  128. padding: 2px;
  129. height: 11px;
  130. font-size: 8px;
  131. margin-bottom:2px;
  132. width:40px;
  133. text-align:center;
  134. -webkit-transition: all 0.6s linear;
  135. -moz-transition: all 0.6s linear;
  136. -ms-transition: all 0.6s linear;
  137. -o-transition: all 0.6s linear;
  138. transition: all 0.6s linear;
  139. }
  140. .navi a {
  141. color: #fff; /*Change the top links color*/
  142. text-decoration:none;
  143. -webkit-transition: all 0.6s linear;
  144. -moz-transition: all 0.6s linear;
  145. -ms-transition: all 0.6s linear;
  146. -o-transition: all 0.6s linear;
  147. transition: all 0.6s linear;;
  148. }
  149.  
  150. .navi a li:hover {
  151. width: 55px;
  152. letter-spacing: 0.2em;
  153. background-color: #c8413a;/*Change the top links color when you hover over them*/
  154. -webkit-transition: all 0.6s linear;
  155. -moz-transition: all 0.6s linear;
  156. -ms-transition: all 0.6s linear;
  157. -o-transition: all 0.6s linear;
  158. transition: all 0.6s linear;
  159. }
  160.  
  161. .titulo {
  162. font-family: 'Tulpen One';
  163. letter-spacing: 0.3em;
  164. margin-top: -62px;
  165. font-size: 40px;
  166. font-weight: 500;
  167. color: #CCC; /*Change the title color*/
  168. width: 640px;
  169. text-align: center;
  170. }
  171.  
  172. /*-----Tags--------------------------------------------------------------*/
  173. .titulodelista {
  174. color: #666; /*Change the list titles color*/
  175. background-color: #eee; /*Change list titles bg color*/
  176. font-size: 8px;
  177. font-weight: normal;
  178. text-transform: uppercase;
  179. padding: 5px;
  180. width: 200px;
  181. text-align: center;
  182. letter-spacing: 0.12em;
  183. margin-top: 10px;}
  184.  
  185. .tags {
  186. margin-top: 10px;
  187. width: 200px;
  188. height: 250px;
  189. overflow: scroll;
  190. }
  191.  
  192.  
  193. .tags a {
  194. font-size: 10px;
  195. display: block;
  196. text-align: center;
  197. line-height: 12px;
  198. color: #B6B6B6; /*Change tags color*/
  199. text-decoration: none;
  200. text-transform: uppercase;
  201. padding: 2px;
  202. display:block;
  203. }
  204.  
  205. .tags a:hover {
  206. color: #c8413a; /*Change tags color when you hover over them*/
  207. letter-spacing: 0.1em;
  208. }
  209.  
  210. table {
  211. margin:auto;}
  212.  
  213. table tr td {
  214. vertical-align: top;
  215. }
  216. </style>
  217. </head>
  218. <body>
  219. <div class="top"><img src="http://25.media.tumblr.com/avatar_617092a74eb8_128.png"><!--------Top image URL here. To get an URL you should previously upload the image on
  220. http://www.tumblr.com/themes/upload_static_file and then copy here the link it gives you, between the ""--------->
  221. <div class="navi">
  222. <ul>
  223. <a href="/"><li>back</li></a>
  224. <a href="/ask"><li>ask</li></a>
  225. <a href="http://www.tumblr.com/dashboard"><li>dash</li></a>
  226. </ul>
  227. </div>
  228. <div class="titulo">TAGS PAGE</div><!--Change the title-->
  229. </div>
  230. <!---------------------------TABLE----------------------------------------->
  231. <table>
  232. <!-----FIRST COLUMN--------------------------------------------->
  233. <tr>
  234. <td>
  235.  
  236. <div class="titulodelista">LIST TITLE HERE</div>
  237. <div class="tags"> <!---Don't delete the divs--->
  238.  
  239. <a href="/tagged/LINKURL" target="_blank">link</a>
  240. <a href="/tagged/LINKURL" target="_blank">link</a>
  241. <a href="/tagged/LINKURL" target="_blank">link</a>
  242. <a href="/tagged/LINKURL" target="_blank">link</a>
  243. <a href="/tagged/LINKURL" target="_blank">link</a>
  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. <!----ADD AS MANY AS YOU WANT!--->
  255. </div>
  256.  
  257. <div class="titulodelista">LIST TITLE HERE</div>
  258. <div class="tags">
  259.  
  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. <a href="/tagged/LINKURL" target="_blank">link</a>
  267. <a href="/tagged/LINKURL" target="_blank">link</a>
  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. <!----ADD AS MANY AS YOU WANT!--->
  276. </div>
  277.  
  278.  
  279. <div class="titulodelista">list title here</div><!-------You can erase this or add more!------>
  280. <div class="tags"><!-------You can erase this or add more!------>
  281.  
  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. <!----ADD AS MANY AS YOU WANT!--->
  298. </div>
  299. </td><!---Don't delete the td either--->
  300.  
  301. <!-----SECOND COLUMN--------------------------------------------->
  302. <td>
  303.  
  304. <div class="titulodelista">list title</div>
  305. <div class="tags">
  306.  
  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. <a href="/tagged/LINKURL" target="_blank">link</a>
  318. <a href="/tagged/LINKURL" target="_blank">link</a>
  319. <a href="/tagged/LINKURL" target="_blank">link</a>
  320. <a href="/tagged/LINKURL" target="_blank">link</a>
  321. <a href="/tagged/LINKURL" target="_blank">link</a>
  322. <a href="/tagged/LINKURL" target="_blank">link</a>
  323. <a href="/tagged/LINKURL" target="_blank">link</a>
  324. <a href="/tagged/LINKURL" target="_blank">link</a>
  325. <a href="/tagged/LINKURL" target="_blank">link</a>
  326. <a href="/tagged/LINKURL" target="_blank">link</a>
  327. <a href="/tagged/LINKURL" target="_blank">link</a>
  328. <a href="/tagged/LINKURL" target="_blank">link</a>
  329. <a href="/tagged/LINKURL" target="_blank">link</a>
  330. <a href="/tagged/LINKURL" target="_blank">link</a>
  331. <!----ADD AS MANY AS YOU WANT!--->
  332. </div>
  333.  
  334. <div class="titulodelista">list title</div>
  335. <div class="tags">
  336.  
  337. <a href="/tagged/LINKURL" target="_blank">link</a>
  338. <a href="/tagged/LINKURL" target="_blank">link</a>
  339. <a href="/tagged/LINKURL" target="_blank">link</a>
  340. <a href="/tagged/LINKURL" target="_blank">link</a>
  341. <a href="/tagged/LINKURL" target="_blank">link</a>
  342. <a href="/tagged/LINKURL" target="_blank">link</a>
  343. <a href="/tagged/LINKURL" target="_blank">link</a>
  344. <a href="/tagged/LINKURL" target="_blank">link</a>
  345. <a href="/tagged/LINKURL" target="_blank">link</a>
  346. <a href="/tagged/LINKURL" target="_blank">link</a>
  347. <a href="/tagged/LINKURL" target="_blank">link</a>
  348. <a href="/tagged/LINKURL" target="_blank">link</a>
  349. <a href="/tagged/LINKURL" target="_blank">link</a>
  350. <a href="/tagged/LINKURL" target="_blank">link</a>
  351. <a href="/tagged/LINKURL" target="_blank">link</a>
  352. <!----ADD AS MANY AS YOU WANT!--->
  353. </div>
  354.  
  355. <div class="titulodelista">list title</div><!-------You can erase this or add more!------>
  356. <div class="tags">
  357.  
  358. <a href="/tagged/LINKURL" target="_blank">link</a>
  359. <a href="/tagged/LINKURL" target="_blank">link</a>
  360. <a href="/tagged/LINKURL" target="_blank">link</a>
  361. <a href="/tagged/LINKURL" target="_blank">link</a>
  362. <a href="/tagged/LINKURL" target="_blank">link</a>
  363. <a href="/tagged/LINKURL" target="_blank">link</a>
  364. <a href="/tagged/LINKURL" target="_blank">link</a>
  365. <a href="/tagged/LINKURL" target="_blank">link</a>
  366. <a href="/tagged/LINKURL" target="_blank">link</a>
  367. <a href="/tagged/LINKURL" target="_blank">link</a>
  368. <a href="/tagged/LINKURL" target="_blank">link</a>
  369. <a href="/tagged/LINKURL" target="_blank">link</a>
  370. <a href="/tagged/LINKURL" target="_blank">link</a>
  371. <a href="/tagged/LINKURL" target="_blank">link</a>
  372. <a href="/tagged/LINKURL" target="_blank">link</a>
  373. <!----ADD AS MANY AS YOU WANT!--->
  374. </div>
  375. </td>
  376. <!-----THIRD COLUMN--------------------------------------------->
  377.  
  378. <td>
  379.  
  380. <div class="titulodelista">LIST TITLE</div>
  381. <div class="tags">
  382.  
  383. <a href="/tagged/LINKURL" target="_blank">link</a>
  384. <a href="/tagged/LINKURL" target="_blank">link</a>
  385. <a href="/tagged/LINKURL" target="_blank">link</a>
  386. <a href="/tagged/LINKURL" target="_blank">link</a>
  387. <a href="/tagged/LINKURL" target="_blank">link</a>
  388. <a href="/tagged/LINKURL" target="_blank">link</a>
  389. <a href="/tagged/LINKURL" target="_blank">link</a>
  390. <a href="/tagged/LINKURL" target="_blank">link</a>
  391. <a href="/tagged/LINKURL" target="_blank">link</a>
  392. <a href="/tagged/LINKURL" target="_blank">link</a>
  393. <a href="/tagged/LINKURL" target="_blank">link</a>
  394. <a href="/tagged/LINKURL" target="_blank">link</a>
  395. <a href="/tagged/LINKURL" target="_blank">link</a>
  396. <a href="/tagged/LINKURL" target="_blank">link</a>
  397. <a href="/tagged/LINKURL" target="_blank">link</a>
  398. </div>
  399.  
  400. <div class="titulodelista">LIST TITLE</div>
  401. <div class="tags">
  402.  
  403. <a href="/tagged/LINKURL" target="_blank">link</a>
  404. <a href="/tagged/LINKURL" target="_blank">link</a>
  405. <a href="/tagged/LINKURL" target="_blank">link</a>
  406. <a href="/tagged/LINKURL" target="_blank">link</a>
  407. <a href="/tagged/LINKURL" target="_blank">link</a>
  408. <a href="/tagged/LINKURL" target="_blank">link</a>
  409. <a href="/tagged/LINKURL" target="_blank">link</a>
  410. <a href="/tagged/LINKURL" target="_blank">link</a>
  411. <a href="/tagged/LINKURL" target="_blank">link</a>
  412. <a href="/tagged/LINKURL" target="_blank">link</a>
  413. <a href="/tagged/LINKURL" target="_blank">link</a>
  414. <a href="/tagged/LINKURL" target="_blank">link</a>
  415. <a href="/tagged/LINKURL" target="_blank">link</a>
  416. <a href="/tagged/LINKURL" target="_blank">link</a>
  417. <a href="/tagged/LINKURL" target="_blank">link</a>
  418. </div>
  419.  
  420. <div class="titulodelista">LIST TITLE</div>
  421. <div class="tags">
  422.  
  423. <a href="/tagged/LINKURL" target="_blank">link</a>
  424. <a href="/tagged/LINKURL" target="_blank">link</a>
  425. <a href="/tagged/LINKURL" target="_blank">link</a>
  426. <a href="/tagged/LINKURL" target="_blank">link</a>
  427. <a href="/tagged/LINKURL" target="_blank">link</a>
  428. <a href="/tagged/LINKURL" target="_blank">link</a>
  429. <a href="/tagged/LINKURL" target="_blank">link</a>
  430. <a href="/tagged/LINKURL" target="_blank">link</a>
  431. <a href="/tagged/LINKURL" target="_blank">link</a>
  432. <a href="/tagged/LINKURL" target="_blank">link</a>
  433. <a href="/tagged/LINKURL" target="_blank">link</a>
  434. <a href="/tagged/LINKURL" target="_blank">link</a>
  435. <a href="/tagged/LINKURL" target="_blank">link</a>
  436. <a href="/tagged/LINKURL" target="_blank">link</a>
  437. <a href="/tagged/LINKURL" target="_blank">link</a>
  438. </div>
  439. </td>
  440.  
  441.  
  442.  
  443. </table>
  444. </div></div></div>
  445. <div id="credit"><a href="http://robbarya.tumblr.com">credit</a></div>
  446. </body>
  447. </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!