API tools faq
paste
Advertisement
hellmouths

blog page #4: tags list 2.0

hellmouths
Sep 20th, 2013
8,711
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.56 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. tags list 2.0
  4. - codes by hellmouths
  5.  
  6. -->
  7.  
  8. <html>
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  14.  
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'>
  17.  
  18. </head>
  19. <style type="text/css">
  20.  
  21.  
  22.  
  23. /* SCROLLBAR */
  24.  
  25. ::-webkit-scrollbar { width:3px; height:auto; background:#FFFFFF;}
  26. ::-webkit-scrollbar-corner { background:#1b1b1b;}
  27. ::-webkit-scrollbar-thumb:vertical { background:#1b1b1b;}
  28. ::-webkit-scrollbar-thumb:horizontal { background:#1b1b1b;}
  29.  
  30.  
  31.  
  32.  
  33. /* BODY */
  34.  
  35. body {
  36. background-color: white;
  37. color: #262626;
  38. font-family: times;
  39. line-height: 140%;
  40. margin:0; }
  41.  
  42. a { color: #262626; text-decoration: none;
  43. -webkit-transition: all 0.5s ease-out;
  44. -o-transition: all 0.5s ease-out;
  45. -webkit-transition: all 0.5s ease-out;
  46. -moz-transition: all 0.5s ease-out; }
  47.  
  48. a:hover { color: #b5b5b5; text-decoration: none;
  49. -webkit-transition: all 0.5s ease-out;
  50. -o-transition: all 0.5s ease-out;
  51. -webkit-transition: all 0.5s ease-out;
  52. -moz-transition: all 0.5s ease-out; }
  53.  
  54.  
  55.  
  56.  
  57.  
  58. /* MAIN WRAPPERS */
  59.  
  60.  
  61. #wrap {
  62. width:730px;
  63. height:auto;
  64. margin:auto; }
  65.  
  66.  
  67.  
  68. #header {
  69. width:700px;
  70. height:100px;
  71. margin: auto;
  72. margin-bottom: 10px;
  73. text-align: left; }
  74.  
  75. .mtitle {
  76. padding:10px 0 10px 5px;
  77. font-family: old standard tt;
  78. font-size:20px;
  79. text-transform: uppercase;
  80. border-top:1px solid #e6e6e6;
  81. margin-top: 30px;}
  82.  
  83. .nav {
  84. font-size:8px;
  85. padding:2px 9px;
  86. background-color: #1b1b1b;
  87. text-transform: uppercase;
  88. letter-spacing: 1px; }
  89.  
  90. .nav a { color:white; padding-right: 20px; }
  91.  
  92. /* TAGS LIST */
  93.  
  94.  
  95. .dom {
  96. background-color: #1b1b1b;
  97. color:white;
  98. border:1px solid #1b1b1b;
  99. padding:20px;
  100. font-size:8px;
  101. width:180px;
  102. letter-spacing: 1px;
  103. text-transform: uppercase;
  104. text-align: center; }
  105.  
  106.  
  107. .sub {
  108. text-transform: uppercase;
  109. letter-spacing: 1px;
  110. font-size:8px;
  111. padding:4px 3px;
  112. margin: 15px 0 6px 0;
  113. color:#262626;
  114. border-bottom: 1px solid #f0f0f0; }
  115.  
  116.  
  117. .col {
  118. width:220px;
  119. font-size: 9px; }
  120.  
  121. .col ul { list-style-type: none; padding:0; }
  122.  
  123.  
  124. .tags {
  125. display: block;
  126. padding:0px 10px 10px 10px;
  127. border: 1px solid #f0f0f0;
  128. border-top: 1px solid transparent; }
  129.  
  130. .tag {
  131. padding:4px;
  132. margin:1px; }
  133.  
  134.  
  135.  
  136. </style>
  137.  
  138.  
  139. <! PLEASE READ
  140.  
  141. SECTION = one column of tags (including titles, subtitles and tag groups)
  142. ROW = a row of three sections
  143.  
  144.  
  145. - HOW TO LINK TO A TAG -
  146.  
  147. Please enter the url to your tag where it says URLHERE
  148.  
  149. A URL example (for sideblogs): http://user.tumblr.com/tagged/tag
  150. A URL example (for blog pages*): /tagged/tag
  151.  
  152.  
  153. * Blog pages can be created in Customize
  154.  
  155. >
  156.  
  157.  
  158.  
  159. <body>
  160.  
  161.  
  162. <div id="header">
  163.  
  164. <div class="mtitle">
  165. tags list 2.0
  166. </div>
  167.  
  168. <div class="nav">
  169. <a href="URLHERE">home</a> <a href="URLHERE">message</a> <a href="URLHERE">dashboard</a> <a href="http://hellmouths.tumblr.com">credit</a>
  170. </div>
  171.  
  172. </div>
  173.  
  174.  
  175.  
  176. <div id="wrap">
  177.  
  178.  
  179. <table cellpadding="0" cellspacing="16"><tbody>
  180.  
  181.  
  182.  
  183. <! FIRST ROW STARTS HERE >
  184. <tr>
  185.  
  186. <! FIRST SECTION STARTS HERE >
  187. <td class="col" valign="top">
  188.  
  189. <ul class="list">
  190.  
  191.  
  192.  
  193. <li class="dom">TITLE</li>
  194.  
  195.  
  196. <div class="tags">
  197.  
  198. <li class="sub">SUBTITLE</li>
  199.  
  200. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  201. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  202. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  203.  
  204.  
  205.  
  206. <li class="sub">SUBTITLE</li>
  207.  
  208. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  209. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  210. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  211.  
  212. </div>
  213.  
  214.  
  215. </ul>
  216.  
  217. </td>
  218. <! FIRST SECTION ENDS HERE>
  219.  
  220.  
  221.  
  222.  
  223. <! SECOND SECTION STARTS HERE >
  224. <td class="col" valign="top">
  225.  
  226. <ul class="list">
  227.  
  228.  
  229.  
  230. <li class="dom">Title</li>
  231. <div class="tags">
  232.  
  233. <li class="sub">SUBTITLE</li>
  234.  
  235. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  236. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  237. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  238.  
  239.  
  240.  
  241. <li class="sub">SUBTITLE</li>
  242.  
  243. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  244. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  245. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  246.  
  247. </div>
  248.  
  249.  
  250. </ul>
  251.  
  252. </td>
  253. <! SECOND SECTION ENDS HERE>
  254.  
  255.  
  256.  
  257. <! THIRD SECTION STARTS HERE >
  258. <td class="col" valign="top">
  259.  
  260. <ul class="list">
  261.  
  262.  
  263.  
  264. <li class="dom">Title</li>
  265. <div class="tags">
  266.  
  267. <li class="sub">SUBTITLE</li>
  268.  
  269. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  270. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  271. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  272.  
  273.  
  274.  
  275. <li class="sub">SUBTITLE</li>
  276.  
  277. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  278. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  279. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  280.  
  281. </div>
  282.  
  283.  
  284. </ul>
  285.  
  286. </td>
  287. <! THIRD SECTION ENDS HERE>
  288.  
  289.  
  290. </tr>
  291. <! FIRST ROW ENDS HERE >
  292.  
  293.  
  294.  
  295.  
  296.  
  297.  
  298. <! SECOND ROW STARTS HERE >
  299. <tr>
  300.  
  301. <! FIRST SECTION STARTS HERE >
  302. <td class="col" valign="top">
  303.  
  304. <ul class="list">
  305.  
  306.  
  307.  
  308. <li class="dom">Title</li>
  309.  
  310.  
  311. <div class="tags">
  312.  
  313. <li class="sub">SUBTITLE</li>
  314.  
  315. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  316. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  317. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  318.  
  319.  
  320.  
  321. <li class="sub">SUBTITLE</li>
  322.  
  323. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  324. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  325. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  326.  
  327. </div>
  328.  
  329.  
  330. </ul>
  331.  
  332. </td>
  333. <! FIRST SECTION ENDS HERE>
  334.  
  335.  
  336.  
  337.  
  338. <! SECOND SECTION STARTS HERE >
  339. <td class="col" valign="top">
  340.  
  341. <ul class="list">
  342.  
  343.  
  344.  
  345. <li class="dom">Title</li>
  346. <div class="tags">
  347.  
  348. <li class="sub">SUBTITLE</li>
  349.  
  350. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  351. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  352. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  353.  
  354.  
  355.  
  356. <li class="sub">SUBTITLE</li>
  357.  
  358. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  359. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  360. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  361.  
  362. </div>
  363.  
  364.  
  365. </ul>
  366.  
  367. </td>
  368. <! SECOND SECTION ENDS HERE>
  369.  
  370.  
  371.  
  372. <! THIRD SECTION STARTS HERE >
  373. <td class="col" valign="top">
  374.  
  375. <ul class="list">
  376.  
  377.  
  378.  
  379. <li class="dom">Title</li>
  380. <div class="tags">
  381.  
  382. <li class="sub">SUBTITLE</li>
  383.  
  384. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  385. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  386. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  387.  
  388.  
  389.  
  390. <li class="sub">SUBTITLE</li>
  391.  
  392. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  393. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  394. <li class="tag"> <a href="URLHERE">Tag</a> </li>
  395.  
  396. </div>
  397.  
  398.  
  399. </ul>
  400.  
  401. </td>
  402. <! THIRD SECTION ENDS HERE>
  403.  
  404.  
  405. </tr>
  406. <! SECOND ROW ENDS HERE >
  407.  
  408.  
  409. </tbody></table>
  410.  
  411. </div>
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418. </body>
  419. </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!