API tools faq
paste
Advertisement
hitopslou

tags2

hitopslou
Jun 23rd, 2014
1,155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4. HH HH II TTTTTT OO PPPP SSSS LL OO UU UU
  5. HH HH II TT OO OO PP PP SS LL OO OO UU UU
  6. HHHHHH II TT OO OO PP PP SS LL OO OO UU UU
  7. HH HH II TT OO OO PP SS LL OO OO UU UU
  8. HH HH II TT OO PP SSSS LLLLLL OO UU
  9.  
  10. This theme is the property of tumblr user hitopslou, owner of hitopslouthemes. DO NOT REMOVE THEME MAKER CREDIT! Please DO NOT use this as a base theme to create your own theme. Minor changes may be made, but do not drastically alter the theme. I'm always available to answer questions regarding any of my themes or themes in general. All images used were giffed and/or edited by me, so don't claim them as your own. -->
  11. <head>
  12. <title>{title}</title>
  13. <link rel="shortcut icon" href="{Favicon}" />
  14. <link href='https://fonts.googleapis.com/css?family=Dancing+Script:700' rel='stylesheet' type='text/css'>
  15. </head>
  16. <style>
  17. body {
  18. background:#d4e5e5;
  19. }
  20. #sidebar {
  21. width:200px;
  22. position:fixed;
  23. margin-left:200px;
  24. margin-top:200px;
  25. }
  26. #sidebar img {
  27. width:200px;
  28. padding:0px;
  29. margin:auto;
  30. }
  31. .sblinks {
  32. width:200px;
  33. height:80px;
  34. position:relative;
  35. margin-top:205px;
  36. }
  37. .links {
  38. width:97px;
  39. height:15px;
  40. margin:0 0 5px 0;
  41. float:left;
  42. display:inline;
  43. font-family:arial,sans-serif;
  44. font-size:11px;
  45. text-align:center;
  46. color:#aacccc;
  47. background:#dd4433;
  48. text-transform:uppercase;
  49. }
  50. .links a {
  51. color:#aacccc;
  52. text-decoration:none;
  53. }
  54. .links a:hover {
  55. font-style:italic;
  56. letter-spacing:1px;
  57. color:#99ddee;
  58. }
  59. .tagsrow {
  60. position:relative;
  61. margin: 50px 0 0px 450px;
  62. width:600px;
  63. height:150px;
  64. font-family:arial,sans-serif;
  65. font-size:11px;
  66. text-align:center;
  67. }
  68. .tagbox {
  69. width:150px;
  70. height:140px;
  71. display:inline-block;
  72. background:#aacccc;
  73. margin-right:20px;
  74. overflow:scroll;
  75. }
  76. .tagbox::-webkit-scrollbar {
  77. width:8px;
  78. }
  79. .tagbox::-webkit-scrollbar-corner {
  80. display:none;
  81. width:8px;
  82. height:8px;
  83. }
  84. .tagbox::-webkit-scrollbar-horizontal {
  85. width:8px;
  86. }
  87. .tagbox::-webkit-scrollbar-track {
  88. width:8px;
  89. background-color:#aacccc;
  90. }
  91. .tagbox::-webkit-scrollbar-thumb {
  92. background-color:#dd7777;
  93. border:1px outset #dd7777;
  94. }
  95. .tagbox::-webkit-scrollbar-thumb:hover {
  96. border:2px inset #dd7777;
  97. }
  98. .tagtitle {
  99. font-family: 'Dancing Script', cursive;
  100. background:#664422;
  101. color:#99ddee;
  102. font-size:16px;
  103. text-align:center;
  104. line-height:20px;
  105. padding-bottom:3px;
  106. letter-spacing:1px;
  107. }
  108. ul.tags {
  109. line-height:14px;
  110. list-style:none;
  111. padding:0px;
  112. }
  113. ul.tags a {
  114. color:#dd4433;
  115. text-decoration:none;
  116. }
  117. ul.tags a:hover {
  118. font-style:italic;
  119. }
  120. ul.tags li {
  121. padding:0 5px;
  122. text-align:center;
  123. line-height:16px;
  124. }
  125. </style>
  126. <body>
  127. <!-- SIDEBAR -->
  128. <!-- CHANGE URL TO CHANGE SIDEBAR GIF -->
  129. <!-- IMAGE RESIZES TO 200PX WIDE -->
  130. <div id="sidebar"><img id="sidebar" src="http://static.tumblr.com/4qwcc40/7cSn7lnz9/niall-1.gif" />
  131. <div class="sblinks">
  132. <div class="links" style="margin:0 6px 0 0">
  133. <!-- LINK 1 -->
  134. <a href="/">home</a>
  135. </div>
  136. <div class="links">
  137. <!-- LINK 2 -->
  138. <a href="http://tumblr.com/dashboard">dash</a>
  139. </div>
  140. <div class="links" style="margin:0 6px 0 0">
  141. <!-- LINK 3 -->
  142. <a href="/ask">mssg</a>
  143. </div>
  144. <!-- DO NO REMOVE OR CHANGE THIS LINK -->
  145. <div class="links">
  146. <a href="http://hitopslouthemes.tumblr.com">theme</a>
  147. </div>
  148. <!-- END -->
  149. </div>
  150. </div>
  151.  
  152. <!-- TAGS ROW 1 -->
  153. <div class="tagsrow">
  154. <div class="tagbox">
  155. <!-- TAG TITLE ROW 1, COL 1 -->
  156. <div class="tagtitle">
  157. tag title
  158. </div>
  159. <!-- END -->
  160. <!-- TAG LIST ROW 1, COL 1 -->
  161. <!-- TAG TEMPLATE: <li><a href="URL">TAG</a></li> -->
  162. <ul class="tags">
  163. <li><a href="URL">TAG</a></li>
  164. <li><a href="URL">TAG</a></li>
  165. <li><a href="URL">TAG</a></li>
  166. <li><a href="URL">TAG</a></li>
  167. <li><a href="URL">TAG</a></li>
  168. <li><a href="URL">TAG</a></li>
  169. <li><a href="URL">TAG</a></li>
  170. <li><a href="URL">TAG</a></li>
  171. <li><a href="URL">TAG</a></li>
  172. <li><a href="URL">TAG</a></li>
  173. </ul>
  174. </div>
  175. <!-- END ROW 1, COL 1 -->
  176.  
  177. <div class="tagbox">
  178. <!-- TAG TITLE ROW 1, COL 2 -->
  179. <div class="tagtitle">
  180. tag title
  181. </div>
  182. <!-- END -->
  183. <!-- TAG LIST ROW 1, COL 2 -->
  184. <!-- TAG TEMPLATE: <li><a href="URL">TAG</a></li> -->
  185. <ul class="tags">
  186. <li><a href="URL">TAG</a></li>
  187. <li><a href="URL">TAG</a></li>
  188. <li><a href="URL">TAG</a></li>
  189. <li><a href="URL">TAG</a></li>
  190. <li><a href="URL">TAG</a></li>
  191. <li><a href="URL">TAG</a></li>
  192. <li><a href="URL">TAG</a></li>
  193. <li><a href="URL">TAG</a></li>
  194. <li><a href="URL">TAG</a></li>
  195. <li><a href="URL">TAG</a></li>
  196. </ul>
  197. </div>
  198. <!-- END ROW 1, COL 2 -->
  199.  
  200. <div class="tagbox">
  201. <!-- TAG TITLE ROW 1, COL 3 -->
  202. <div class="tagtitle">
  203. tag title
  204. </div>
  205. <!-- END -->
  206. <!-- TAG LIST ROW 1, COL 3 -->
  207. <!-- TAG TEMPLATE: <li><a href="URL">TAG</a></li> -->
  208. <ul class="tags">
  209. <li><a href="URL">TAG</a></li>
  210. <li><a href="URL">TAG</a></li>
  211. <li><a href="URL">TAG</a></li>
  212. <li><a href="URL">TAG</a></li>
  213. <li><a href="URL">TAG</a></li>
  214. <li><a href="URL">TAG</a></li>
  215. <li><a href="URL">TAG</a></li>
  216. <li><a href="URL">TAG</a></li>
  217. <li><a href="URL">TAG</a></li>
  218. <li><a href="URL">TAG</a></li>
  219. </ul>
  220. </div>
  221. <!-- END ROW 1, COL 3 -->
  222. </div>
  223. <!-- END TAGS ROW 1 -->
  224.  
  225.  
  226. <!-- TAGS ROW 2 -->
  227. <div class="tagsrow">
  228. <div class="tagbox">
  229. <!-- TAG TITLE ROW 2, COL 1 -->
  230. <div class="tagtitle">
  231. tag title
  232. </div>
  233. <!-- END -->
  234. <!-- TAG LIST ROW 2, COL 1 -->
  235. <!-- TAG TEMPLATE: <li><a href="URL">TAG</a></li> -->
  236. <ul class="tags">
  237. <li><a href="URL">TAG</a></li>
  238. <li><a href="URL">TAG</a></li>
  239. <li><a href="URL">TAG</a></li>
  240. <li><a href="URL">TAG</a></li>
  241. <li><a href="URL">TAG</a></li>
  242. <li><a href="URL">TAG</a></li>
  243. <li><a href="URL">TAG</a></li>
  244. <li><a href="URL">TAG</a></li>
  245. <li><a href="URL">TAG</a></li>
  246. <li><a href="URL">TAG</a></li>
  247. </ul>
  248. </div>
  249. <!-- END ROW 2, COL 1 -->
  250.  
  251. <div class="tagbox">
  252. <!-- TAG TITLE ROW 2, COL 2 -->
  253. <div class="tagtitle">
  254. tag title
  255. </div>
  256. <!-- END -->
  257. <!-- TAG LIST ROW 2, COL 2 -->
  258. <!-- TAG TEMPLATE: <li><a href="URL">TAG</a></li> -->
  259. <ul class="tags">
  260. <li><a href="URL">TAG</a></li>
  261. <li><a href="URL">TAG</a></li>
  262. <li><a href="URL">TAG</a></li>
  263. <li><a href="URL">TAG</a></li>
  264. <li><a href="URL">TAG</a></li>
  265. <li><a href="URL">TAG</a></li>
  266. <li><a href="URL">TAG</a></li>
  267. <li><a href="URL">TAG</a></li>
  268. <li><a href="URL">TAG</a></li>
  269. <li><a href="URL">TAG</a></li>
  270. </ul>
  271. </div>
  272. <!-- END ROW 2, COL 2 -->
  273.  
  274. <div class="tagbox">
  275. <!-- TAG TITLE ROW 1, COL 3 -->
  276. <div class="tagtitle">
  277. tag title
  278. </div>
  279. <!-- END -->
  280. <!-- TAG LIST ROW 2, COL 3 -->
  281. <!-- TAG TEMPLATE: <li><a href="URL">TAG</a></li> -->
  282. <ul class="tags">
  283. <li><a href="URL">TAG</a></li>
  284. <li><a href="URL">TAG</a></li>
  285. <li><a href="URL">TAG</a></li>
  286. <li><a href="URL">TAG</a></li>
  287. <li><a href="URL">TAG</a></li>
  288. <li><a href="URL">TAG</a></li>
  289. <li><a href="URL">TAG</a></li>
  290. <li><a href="URL">TAG</a></li>
  291. <li><a href="URL">TAG</a></li>
  292. <li><a href="URL">TAG</a></li>
  293. </ul>
  294. </div>
  295. <!-- END ROW 2, COL 3 -->
  296. </div>
  297. <!-- END TAGS ROW 2 -->
  298.  
  299.  
  300. <!-- TAGS ROW 3 -->
  301. <div class="tagsrow">
  302. <div class="tagbox">
  303. <!-- TAG TITLE ROW 1, COL 1 -->
  304. <div class="tagtitle">
  305. tag title
  306. </div>
  307. <!-- END -->
  308. <!-- TAG LIST ROW 3, COL 1 -->
  309. <!-- TAG TEMPLATE: <li><a href="URL">TAG</a></li> -->
  310. <ul class="tags">
  311. <li><a href="URL">TAG</a></li>
  312. <li><a href="URL">TAG</a></li>
  313. <li><a href="URL">TAG</a></li>
  314. <li><a href="URL">TAG</a></li>
  315. <li><a href="URL">TAG</a></li>
  316. <li><a href="URL">TAG</a></li>
  317. <li><a href="URL">TAG</a></li>
  318. <li><a href="URL">TAG</a></li>
  319. <li><a href="URL">TAG</a></li>
  320. <li><a href="URL">TAG</a></li>
  321. </ul>
  322. </div>
  323. <!-- END ROW 3, COL 1 -->
  324.  
  325. <div class="tagbox">
  326. <!-- TAG TITLE ROW 3, COL 2 -->
  327. <div class="tagtitle">
  328. tag title
  329. </div>
  330. <!-- END -->
  331. <!-- TAG LIST ROW 3, COL 2 -->
  332. <!-- TAG TEMPLATE: <li><a href="URL">TAG</a></li> -->
  333. <ul class="tags">
  334. <li><a href="URL">TAG</a></li>
  335. <li><a href="URL">TAG</a></li>
  336. <li><a href="URL">TAG</a></li>
  337. <li><a href="URL">TAG</a></li>
  338. <li><a href="URL">TAG</a></li>
  339. <li><a href="URL">TAG</a></li>
  340. <li><a href="URL">TAG</a></li>
  341. <li><a href="URL">TAG</a></li>
  342. <li><a href="URL">TAG</a></li>
  343. <li><a href="URL">TAG</a></li>
  344. </ul>
  345. </div>
  346. <!-- END ROW 3, COL 2 -->
  347.  
  348. <div class="tagbox">
  349. <!-- TAG TITLE ROW 3, COL 3 -->
  350. <div class="tagtitle">
  351. tag title
  352. </div>
  353. <!-- END -->
  354. <!-- TAG LIST ROW 3, COL 3 -->
  355. <!-- TAG TEMPLATE: <li><a href="URL">TAG</a></li> -->
  356. <ul class="tags">
  357. <li><a href="URL">TAG</a></li>
  358. <li><a href="URL">TAG</a></li>
  359. <li><a href="URL">TAG</a></li>
  360. <li><a href="URL">TAG</a></li>
  361. <li><a href="URL">TAG</a></li>
  362. <li><a href="URL">TAG</a></li>
  363. <li><a href="URL">TAG</a></li>
  364. <li><a href="URL">TAG</a></li>
  365. <li><a href="URL">TAG</a></li>
  366. <li><a href="URL">TAG</a></li>
  367. </ul>
  368. </div>
  369. <!-- END ROW 3, COL 3 -->
  370. </div>
  371. <!-- END TAGS ROW 3 -->
  372.  
  373. <!-- If more than 9 TAGBOXES are needed, follow these instructions -->
  374. <!-- If only ONE MORE box is needed use this template: -->
  375. <!--
  376. <div class="tagsrow">
  377. <div class="tagbox">
  378. <div class="tagtitle">TITLE</div>
  379. <ul class="tags">
  380. <li><a href="URL">TAG</a></li>
  381. </ul>
  382. </div>
  383. </div>
  384. -->
  385.  
  386. <!-- If only TWO MORE boxes are needed use this template: -->
  387. <!--
  388. <div class="tagsrow">
  389. <div class="tagbox">
  390. <div class="tagtitle">TITLE</div>
  391. <ul class="tags">
  392. <li><a href="URL">TAG</a></li>
  393. </ul>
  394. </div>
  395.  
  396. <div class="tagbox">
  397. <div class="tagtitle">TITLE</div>
  398. <ul class="tags">
  399. <li><a href="URL">TAG</a></li>
  400. </ul>
  401. </div>
  402. </div>
  403. -->
  404.  
  405. <!-- If THREE more boxes are needed use this template: -->
  406. <!--
  407. <div class="tagsrow">
  408. <div class="tagbox">
  409. <div class="tagtitle">TITLE</div>
  410. <ul class="tags">
  411. <li><a href="URL">TAG</a></li>
  412. </ul>
  413. </div>
  414.  
  415. <div class="tagbox">
  416. <div class="tagtitle">TITLE</div>
  417. <ul class="tags">
  418. <li><a href="URL">TAG</a></li>
  419. </ul>
  420. </div>
  421.  
  422. <div class="tagbox">
  423. <div class="tagtitle">TITLE</div>
  424. <ul class="tags">
  425. <li><a href="URL">TAG</a></li>
  426. </ul>
  427. </div>
  428. </div>
  429. -->
  430.  
  431.  
  432.  
  433. </body>
  434. </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!