API tools faq
paste
zaincumsthemes

Navigation ☸ Theme Uno

zaincumsthemes
Aug 31st, 2013
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- NAVIGATION THEME 1 BY ZAINCUM -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11.  
  12. <!-- ICON'S -->
  13.  
  14. <meta name="image:sidebar" content=""/>
  15. <meta name="image:sidebar2" content=""/>
  16. <meta name="image:sidebar3" content=""/>
  17. <meta name="image:sidebar4" content=""/>
  18.  
  19. <!-- LINKS -->
  20.  
  21. <meta name="text:link 1" content="link 1"/>
  22. <meta name="text:link 1 url" content="/" />
  23. <meta name="text:link 2" content="link 2"/>
  24. <meta name="text:link 2 url" content="/" />
  25.  
  26.  
  27. <style type="text/css">
  28. /*everything*/
  29.  
  30. #everything {
  31. margin-left:250px;
  32. margin-top:65px;
  33. }
  34.  
  35. /*--title--*/
  36.  
  37. #title {
  38. font-family:'times new roman';
  39. font-size:60px;
  40. margin-top:-37px;
  41. margin-left:160px;
  42. color:#bbbaba
  43. }
  44.  
  45. /*--images--*/
  46.  
  47. #sidebar
  48. {
  49. width:300px;
  50. position:center;
  51. max-height:750px;
  52. margin-top:150px;
  53. }
  54.  
  55. #sidebar {width:100px;}
  56.  
  57. #sidebarimage1 {
  58. width: 110px;
  59. height: 110px;
  60. }
  61. #sidebarimage img
  62. {
  63. margin-left:90px;
  64. width:150px;
  65. position:fixed;
  66. max-height:750px;
  67. margin-top:-90px;
  68. margin-left:-90px;
  69. padding:5px;
  70. padding-bottom:5px;
  71. }
  72.  
  73. #sidebarimage2 {
  74. width: 110px;
  75. height: 110px;
  76. }
  77.  
  78. #sidebarimage2 img
  79. {
  80. margin-left:190px;
  81. width:150px;
  82. position:fixed;
  83. max-height:750px;
  84. margin-top:80px;
  85. margin-left:-90px;
  86. padding:5px;
  87. padding-bottom:5px;
  88. }
  89.  
  90. #sidebarimage3 {
  91. width: 110px;
  92. height: 110px;
  93. }
  94. #sidebarimage3 img
  95. {
  96. margin-left:90px;
  97. width:150px;
  98. position:fixed;
  99. max-height:750px;
  100. margin-top:-205px;
  101. margin-left:695px;
  102. padding:5px;
  103. padding-bottom:5px;
  104. }
  105.  
  106. #sidebarimage4 {
  107. width: 110px;
  108. height: 110px;
  109. }
  110.  
  111. #sidebarimage4 img
  112. {
  113. width:150px;
  114. position:fixed;
  115. max-height:750px;
  116. margin-top:-150px;
  117. margin-left:695px;
  118. padding:5px;
  119. padding-bottom:5px;
  120. }
  121.  
  122.  
  123. /*--links--*/
  124.  
  125. #grouptitle {
  126. padding:5px;
  127. text-align:center;
  128. font-style:italic;
  129. font-family:'times new roman';
  130. color:#bbbaba;
  131. font-size:17px;
  132. width:118px;
  133. margin-left:95px;
  134. margin-top:-459px;
  135. border-left:1px solid #eaeaea;
  136. border-right:1px solid #eaeaea;
  137. border-top:1px solid #eaeaea;
  138. }
  139.  
  140.  
  141. #grouplinks {
  142. width:120px;
  143. margin-top:0px;
  144. padding:4px;
  145. margin-left:95px;
  146. border:1px solid #eaeaea;
  147. }
  148.  
  149.  
  150. #grouplinks a {
  151. font-family:'times new roman';
  152. display:block;
  153. color:#bbb8b8;
  154. font-size:10px;
  155. padding:6px;
  156. text-align:center;
  157. letter-spacing:1px;
  158. text-transform:uppercase;
  159. margin-bottom:5px;
  160. -webkit-transition: all 0.4s ease-in-out;
  161. -moz-transition: all 0.4s ease-in-out;
  162. -o-transition: all 0.4s ease-in-out;
  163. -ms-transition: all 0.4s ease-in-out;
  164. transition: all 0.4s ease-in-out;
  165. }
  166.  
  167. #grouplinks a:hover {
  168. background:#bbb8b8;
  169. color:#fff;
  170. }
  171.  
  172.  
  173.  
  174. {CustomCSS}
  175.  
  176. </style></head>
  177.  
  178.  
  179. <body>
  180.  
  181. <div id="everything">
  182.  
  183. <div id="title">Zaincum's Navigation</div>
  184.  
  185. <div id="links">
  186. </div>
  187.  
  188. <div id="sidebar">
  189. <div id="sidebarimage"><a title="go back"href="/"><img src="{image:sidebar}"/></a></div>
  190. <div id="sidebarimage2"><a title="{text:link 1}"href="{text:link 1 url}"><img src="{image:sidebar2}"/></a></div>
  191. <div id="sidebarimage3"><a title="{text:link 2}"href="{text:link 2 url}"><img src="{image:sidebar3}"/></a></div>
  192. <div id="sidebarimage4"><a title="credit"href="http://zaincum.tumblr.com"><img src="{image:sidebar4}"/></a></div>
  193.  
  194. <table id="all" border="0" cellpadding="0" cellspacing="0">
  195.  
  196.  
  197. <td><div id="grouptitle"><big>Links</div>
  198. <div id="grouplinks">
  199. <a href="/tagged/">link 1</a>
  200.  
  201. <a href="/tagged/">link 2</a>
  202.  
  203. <a href="/tagged/">link 3</a>
  204.  
  205. <a href="/tagged/">link 4</a>
  206.  
  207. <a href="/tagged/">link 5</a>
  208.  
  209. <a href="/tagged/">link 6</a>
  210.  
  211. <a href="/tagged/">link 7</a>
  212.  
  213. <a href="/tagged/">link 8</a>
  214.  
  215. <a href="/tagged/">link 9</a>
  216.  
  217. <a href="/tagged/">link 10</a>
  218.  
  219. </div></td>
  220.  
  221.  
  222. <td><div id="grouptitle"><big>Links</div>
  223. <div id="grouplinks">
  224. <a href="/tagged/">link 1</a>
  225.  
  226. <a href="/tagged/">link 2</a>
  227.  
  228. <a href="/tagged/">link 3</a>
  229.  
  230. <a href="/tagged/">link 4</a>
  231.  
  232. <a href="/tagged/">link 5</a>
  233.  
  234. <a href="/tagged/">link 6</a>
  235.  
  236. <a href="/tagged/">link 7</a>
  237.  
  238. <a href="/tagged/">link 8</a>
  239.  
  240. <a href="/tagged/">link 9</a>
  241.  
  242. <a href="/tagged/">link 10</a>
  243.  
  244. </div></td>
  245.  
  246. <td><div id="grouptitle"><big>Links</div>
  247. <div id="grouplinks">
  248. <a href="/tagged/">link 1</a>
  249.  
  250. <a href="/tagged/">link 2</a>
  251.  
  252. <a href="/tagged/">link 3</a>
  253.  
  254. <a href="/tagged/">link 4</a>
  255.  
  256. <a href="/tagged/">link 5</a>
  257.  
  258. <a href="/tagged/">link 6</a>
  259.  
  260. <a href="/tagged/">link 7</a>
  261.  
  262. <a href="/tagged/">link 8</a>
  263.  
  264. <a href="/tagged/">link 9</a>
  265.  
  266. <a href="/tagged/">link 10</a>
  267.  
  268. </div></td>
  269. </table>
  270.  
  271. </div>
  272.  
  273. </body>
  274. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!