API tools faq
paste
Advertisement
paigeh987

Tags Page 2 - neonbike themes

paigeh987
Dec 24th, 2013
4,579
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. page #03 by Paige @ neonbikethemes.tumblr.com
  6. Please DO NOT COPY ANY PARTS OF THIS CODE and claim them as your own
  7. Do not remove the credit. thanks!
  8.  
  9. I know this page is a little complicated and i'm happy to help. If you need any assistance or have wuestions go to my ask box: neonbikethemes.tumblr.com/ask
  10.  
  11. ABOUT THIS THEME:
  12. The structure of this theme is a 3 column table. Each column comes with 3 "sections" in it. each section contains the tags. you can add or remove tags to each section and the height will adjust itself.
  13. You can also add sections to each colunm. If you add or remove tags or sections the sections might not line up nicely on the bottom like i have it.
  14. You can change the color scheme just find and replace the colors you want to change.
  15.  
  16. -->
  17.  
  18. <style type=text/css>
  19.  
  20. a:link {color:#3a6453;} /* unvisited link */
  21. a:visited {color:#3a6453;} /* visited link */
  22. a:hover {color:#7ba392;} /* mouse over link */
  23. a:active {color:#3a6453;} /* selected link */
  24. a:link {text-decoration:none;}
  25. a:visited {text-decoration:none;}
  26. a:hover {text-decoration:none;}
  27. a:active {text-decoration:none;}
  28.  
  29. /* FONTS */
  30.  
  31. @font-face { font-family: "dubielitalic"; src: url('http://static.tumblr.com/m6mqatb/QUklrzd0z/dubielitalic.ttf');}
  32.  
  33.  
  34. /* OTHER STUFF */
  35.  
  36. body{
  37. font-family:calibri, helvetica;
  38. }
  39.  
  40. #container{
  41. margin-left:auto;
  42. margin-right:auto;
  43. margin-top:60px;
  44. width:540px;
  45. height:auto;
  46. text-align:center;
  47. color:#3a6453;
  48. margin-bottom:100px;
  49. }
  50.  
  51. #title{
  52. text-transform:uppercase;
  53. height:20px;
  54. padding:15px;
  55. padding-bottom:3px;
  56. text-align:center;
  57. font-size:18px;
  58. letter-spacing:1px;
  59. color:#73a691;
  60. }
  61.  
  62. #navlinks{
  63. position:relative;
  64. margin-top:3px
  65. }
  66.  
  67. .navlink{
  68. background:#afe0cc;
  69. padding:4px;
  70. padding-left:8px;
  71. padding-right:8px;
  72. font-size:11px;
  73. letter-spacing:1px;
  74. color:#fff;
  75. position:relative;
  76. display:inline-block;
  77. text-transform:uppercase;
  78. }
  79.  
  80. .sectiontitle{
  81. background:#afe0cc;
  82. font-size:11px;
  83. padding:6px;
  84. margin-top:2px;
  85. color:#fff;
  86. text-align:center;
  87. text-transform:uppercase;
  88. font-weight:bold;
  89. letter-spacing:1px;
  90. }
  91.  
  92. .tagcontainer{
  93. border: 1px solid #afe0cc;
  94. padding:3px;
  95. }
  96.  
  97. .tag{
  98. font-size:11px;
  99. letter-spacing:1px;
  100. margin-bottom:1px;
  101. padding:4px;
  102. background:#fff;
  103. -webkit-transition: background .5s;
  104. text-align:center;
  105. text-transform:uppercase;
  106. }
  107.  
  108. .tag:hover{
  109. background:#d4e9e0;
  110. -webkit-transition: background .5s;
  111. }
  112.  
  113. </style>
  114.  
  115.  
  116. <div id="container">
  117. <div id="title">Navigation and Tags</div>
  118. <div id="navlinks">
  119. <a href="http://YOURTUMBLRURLHERE.tumblr.com"><div class="navlink">Home</div></a>
  120. <a href="http://tumblr.com/dashboard"><div class="navlink">Dashboard</div></a>
  121. <a href="http://neonbikethemes.tumblr.com"><div class="navlink">Credit</div></a>
  122. </div>
  123. <br><br>
  124. <table width="540px" border="0" cellpadding="0">
  125. <tr>
  126. <td width="180px" valign="top">
  127. <div class="sectiontitle">People</div>
  128. <div class="tagcontainer">
  129. <a href="/tagged/matt-smith"><div class="tag">Matt Smith</div></a>
  130. <a href="/tagged/benedict-cumberbatch"><div class="tag">Benedict Cumberbatch</div></a>
  131. <a href="/tagged/martin-freeman"><div class="tag">Marint Freeman</div></a>
  132. <a href="/tagged/jensen-ackles"><div class="tag">Jensen Ackles</div></a>
  133. <a href="/tagged/jared-padalecki"><div class="tag">Jared Padalecki</div></a>
  134. <a href="/tagged/misha-collins"><div class="tag">Misha Collins</div></a>
  135. </div>
  136.  
  137. <div class="sectiontitle">More People</div>
  138. <div class="tagcontainer">
  139. <a href="/tagged/andrew-scott"><div class="tag">Andrew Scott</div></a>
  140. <a href="/tagged/colin-mourgan"><div class="tag">Colin Mourgan</div></a>
  141. <a href="/tagged/breadley-james"><div class="tag">Bradley James</div></a>
  142. <a href="/tagged/tom-hiddleston"><div class="tag">Tom Hiddleston</div></a>
  143. <a href="/tagged/chris-pine"><div class="tag">Chris Pine</div></a>
  144. <a href="/tagged/zachary-quinto"><div class="tag">Zachary Quinto</div></a>
  145. <a href="/tagged/chris-hemsworth"><div class="tag">Chris Hemsworth</div></a>
  146. <a href="/tagged/jennifer-lawrence"><div class="tag">Jennifer Lawrence</div></a>
  147. </div>
  148.  
  149. <div class="sectiontitle">Sherlock</div>
  150. <div class="tagcontainer">
  151. <a href="/tagged/sherlock"><div class="tag">Sherlock Holmes</div></a>
  152. <a href="/tagged/john"><div class="tag">John Watson</div></a>
  153. <a href="/tagged/moriarty"><div class="tag">Moriarty</div></a>
  154. <a href="/tagged/ms-hudson"><div class="tag">Ms. Hudson</div></a>
  155. <a href="/tagged/mycroft"><div class="tag">Mycroft</div></a>
  156. </div>
  157.  
  158. </td>
  159. <td width="180px" valign="top">
  160. <div class="sectiontitle">TV Shows</div>
  161. <div class="tagcontainer">
  162. <a href="/tagged/doctor-who"><div class="tag">Doctor Who</div></a>
  163. <a href="/tagged/bbc-sherlock"><div class="tag">Sherlock</div></a>
  164. <a href="/tagged/bbc-merlin"><div class="tag">Merlin</div></a>
  165. <a href="/tagged/spn"><div class="tag">Supernatural</div></a>
  166. <a href="/tagged/star-trek"><div class="tag">Star Trek</div></a>
  167. <a href="/tagged/walking-dead"><div class="tag">Walking Dead</div></a>
  168. <a href="/tagged/breaking-bad"><div class="tag">Breaking Bad</div></a>
  169. </div>
  170.  
  171. <div class="sectiontitle">Supernatural</div>
  172. <div class="tagcontainer">
  173. <a href="/tagged/dean"><div class="tag">Dean</div></a>
  174. <a href="/tagged/sam"><div class="tag">Sam</div></a>
  175. <a href="/tagged/castiel"><div class="tag">Castiel</div></a>
  176. <a href="/tagged/charlie"><div class="tag">Charlie</div></a>
  177. <a href="/tagged/kevin"><div class="tag">Kevin</div></a>
  178. <a href="/tagged/samandriel"><div class="tag">Samadriel</div></a>
  179. </div>
  180.  
  181. <div class="sectiontitle">Star Trek</div>
  182. <div class="tagcontainer">
  183. <a href="/tagged/kirk"><div class="tag">Kirk</div></a>
  184. <a href="/tagged/spock"><div class="tag">Spock</div></a>
  185. <a href="/tagged/mccoy"><div class="tag">McCoy</div></a>
  186. <a href="/tagged/picard"><div class="tag">Captain Picard</div></a>
  187. <a href="/tagged/chekov"><div class="tag">Chekov</div></a>
  188. <a href="/tagged/data"><div class="tag">Data</div></a>
  189. </div
  190.  
  191. </td>
  192. <td width="180px" valign="top">
  193. <div class="sectiontitle">Movies</div>
  194. <div class="tagcontainer">
  195. <a href="/tagged/star-trek"><div class="tag">Star Trek</div></a>
  196. <a href="/tagged/le-mis"><div class="tag">Le Mis</div></a>
  197. <a href="/tagged/avengers"><div class="tag">Avengers</div></a>
  198. <a href="/tagged/pacific-rim"><div class="tag">Pacific Rim</div></a>
  199. <a href="/tagged/thg"><div class="tag">The Hunger Games</div></a>
  200. <a href="/tagged/disney"><div class="tag">Disney</div></a>
  201. </div>
  202.  
  203. <div class="sectiontitle">Doctor Who</div>
  204. <div class="tagcontainer">
  205. <a href="/tagged/the-doctor"><div class="tag">The Doctor</div></a>
  206. <a href="/tagged/amy"><div class="tag">Amy</div></a>
  207. <a href="/tagged/rory"><div class="tag">Rory</div></a>
  208. <a href="/tagged/the-ponds"><div class="tag">The Ponds</div></a>
  209. <a href="/tagged/river"><div class="tag">River Song</div></a>
  210. <a href="/tagged/eleven"><div class="tag">Eleven</div></a>
  211. <a href="/tagged/ten"><div class="tag">Ten</div></a>
  212. <a href="/tagged/nine"><div class="tag">Nine</div></a>
  213. <a href="/tagged/rose"><div class="tag">Rose</div></a>
  214. </div>
  215.  
  216. <div class="sectiontitle">Personal</div>
  217. <div class="tagcontainer">
  218. <a href="/tagged/about"><div class="tag">About Me</div></a>
  219. <a href="/tagged/my-face"><div class="tag">My face</div></a>
  220. <a href="/tagged/edits"><div class="tag">My Edits</div></a>
  221. <a href="/tagged/music"> <div class="tag">Music</div></a>
  222. </div>
  223.  
  224. </td>
  225. </tr>
  226. </table>
  227. </div><!-- end div="container" -->
  228.  
  229.  
  230.  
  231. </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!