API tools faq
paste
Advertisement
hazcastah

Theme 1 by Hazcastah: Navigation Theme

hazcastah
May 11th, 2013
3,497
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.43 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!----
  4.  
  5.  
  6. Hazcastah's First Navigation Theme!
  7. Rules:
  8. -Don't use as a base!!
  9. -Don't claim as yours!!
  10. -Don't remove the credit!!
  11. That's all; Enjoy! :)
  12. YES IT LOOKS REALLY FUNNY HERE BUT IT WON'T WHEN IT LOADS ON YOUR PAGE
  13. MAKE ALL YOUR CHANGES (LIKE SHIFTING THINGS OVER) AFTER LOOKING AT IT ON YOUR BLOG!!
  14.  
  15. If you need help feel free to ask :)
  16.  
  17. ---->
  18.  
  19. <head>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  22.  
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  24. <title>{Title}</title>
  25.  
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />{/block:Description}
  28. <link rel="shortcut icon" href="{Favicon}" />
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  30. <style type="text/css">
  31.  
  32. body
  33. {
  34. color: #bbb;
  35. background-color: #Fff;
  36. font-family: cambria;
  37. font-size:10px;
  38. margin-left:0px;
  39. margin-right:0px
  40. }
  41.  
  42. a
  43. {
  44. text-decoration:none;
  45. color: #000;
  46.  
  47. }
  48.  
  49. a:hover
  50. {
  51. color:#000;
  52.  
  53. }
  54.  
  55. ::-webkit-scrollbar {width: 7px; height:7px; background:#fff;}
  56.  
  57. ::-webkit-scrollbar-thumb {background:#f0f0f0;}
  58.  
  59. #box
  60. {
  61. width:200px;
  62. background:#fff;
  63. border:1px solid #fff;
  64. padding:15px;
  65. text-align:center;
  66. display:inline-block;
  67. margin-left:10px;
  68. margin-right:10px;
  69. }
  70.  
  71. .title
  72. {
  73. background:#99CCCC; <!--CHANGE THE COLOUR OF THE BACKGROUND BOX -- >
  74. padding:5px;
  75. text-align:Center;
  76. font-family:century gothic;
  77. color:#000;
  78. font-size:15px;
  79. }
  80.  
  81. #all
  82. {
  83. width:100%;
  84. margin:auto}
  85.  
  86. #des
  87. {
  88. width:335px;
  89. margin-top:20px;
  90. margin-left:2px;
  91. text-align:center;
  92. font-size:8px;
  93. text-transform:uppercase;
  94. font-family:calibri;
  95. }
  96.  
  97. #topbar
  98. {
  99. background:#fff;
  100. width:800px;
  101. height:250px;
  102. margin-top:-38px;
  103. overflow:hidden;}
  104. #topbar img{width:100%;
  105. height:100%;
  106. }
  107.  
  108. #inside
  109. {
  110. position:absolute;
  111. margin-top:-10px;
  112. width:800px;
  113. margin-left:-3px;
  114. padding:5px;
  115. border:px
  116. font-family:century gothic;
  117. font-size:15px; text-transform:uppercase;
  118. color:#787878 ;
  119. text-align:center
  120. }
  121.  
  122. #cover
  123. {
  124. margin:5px;
  125. background:#fff;
  126. padding:10px
  127. }
  128.  
  129. .links
  130. {
  131. margin-top:10px;
  132. text-align:left;
  133. margin-left:10px;
  134.  
  135. line-height:17px;
  136. }
  137.  
  138. .links a
  139. {
  140. color:#787878 ;
  141. text-transform:uppercase;
  142. letter-spacing:1px;
  143. margin-left:5px;
  144. padding:5px;
  145.  
  146. }
  147.  
  148. .links a:hover
  149. {
  150. color:#99CCCC;
  151. }
  152.  
  153. #box
  154. {
  155. width:206px;
  156. background:#fff;
  157. text-align:center;
  158. display:inline-block;
  159. margin-left:10px;
  160. margin-right:10px;
  161. }
  162.  
  163. #boxita
  164. {
  165. width:50px;
  166. background:#fff;
  167. border:1px solid #fff;
  168. padding:15px;
  169. text-align:center;
  170. display:inline-block;
  171. margin-left:-5px;
  172. margin-right:-5px;
  173. }
  174.  
  175. .boxy
  176. {
  177. background:#99CCCC; <!--CHANGE THE COLOUR OF THE BACKGROUND BOX -- >
  178. padding:5px;
  179. text-align:Center;
  180. font-family:century gothic;
  181. font-size:15px;
  182. width: 60px;
  183. }
  184.  
  185.  
  186. .words
  187. {
  188. background:#99CCCC; <!--CHANGE THE COLOUR OF THE BACKGROUND BOX -- >
  189. padding:5px;
  190. text-align:Center;
  191. font-family:century gothic;
  192. color:#000;
  193. font-size:15px;
  194. }
  195.  
  196.  
  197. </style>
  198.  
  199. <style type="text/css">{CustomCSS}</style>
  200.  
  201. </head>
  202.  
  203. <body>
  204.  
  205. <br><br>
  206.  
  207. <center>
  208.  
  209. <div id="all">
  210.  
  211. <div id="topbar">
  212.  
  213. <img src="http://24.media.tumblr.com/1e2563a999afaf5a0e78b002eb782003/tumblr_mmnv4kFfxN1sqo2doo1_1280.jpg">
  214. <!-- THIS IS WHERE YOU CHANGE THE TOP PHOTO -->
  215.  
  216. <div id="inside">
  217.  
  218. <div id="cover">
  219.  
  220. <div id="toptitle"><u>YOUR BLOG's Navigation</u></div>
  221.  
  222. </div>
  223.  
  224. </div>
  225.  
  226. </div>
  227.  
  228. <br></br>
  229.  
  230. <div id="box">
  231.  
  232. <div class="title">TITLE</a></div>
  233.  
  234. <div class="links">
  235.  
  236. ※ <a href="/">Link One</a><br>
  237.  
  238. ※ <a href="/">Link Two</a><br>
  239.  
  240. ※ <a href="/">Link Three</a><br>
  241.  
  242. ※ <a href="/">Link Four</a><br>
  243.  
  244. ※ <a href="/">Link Five</a><br>
  245.  
  246.  
  247.  
  248. </div>
  249. </div>
  250. <div id="box">
  251.  
  252. <div class="title">TITLE</a></div>
  253.  
  254. <div class="links">
  255.  
  256. ※ <a href="/">Link One</a><br>
  257.  
  258. ※ <a href="/">Link Two</a><br>
  259.  
  260. ※ <a href="/">Link Three</a><br>
  261.  
  262. ※ <a href="/">Link Four</a><br>
  263.  
  264. ※ <a href="/">Link Five</a><br>
  265.  
  266.  
  267.  
  268.  
  269. </div>
  270.  
  271. </div>
  272.  
  273. <div id="box">
  274.  
  275. <div class="title">TITLE</a></div>
  276.  
  277. <div class="links">
  278.  
  279. ※ <a href="/">Link One</a><br>
  280.  
  281. ※ <a href="/">Link Two</a><br>
  282.  
  283. ※ <a href="/">Link Three</a><br>
  284.  
  285. ※ <a href="/">Link Four</a><br>
  286.  
  287. ※ <a href="/">Link Five</a><br>
  288.  
  289.  
  290.  
  291. </div>
  292.  
  293. </div>
  294.  
  295. <br><br><p>
  296.  
  297. <div id="box">
  298.  
  299. <div class="title">TITLE</a></div>
  300.  
  301. <div class="links">
  302.  
  303. ※ <a href="/">Link One</a><br>
  304.  
  305. ※ <a href="/">Link Two</a><br>
  306.  
  307. ※ <a href="/">Link Three</a><br>
  308.  
  309. ※ <a href="/">Link Four</a><br>
  310.  
  311. ※ <a href="/">Link Five</a><br>
  312.  
  313.  
  314.  
  315.  
  316. </div>
  317.  
  318. </div>
  319. <div id="box">
  320.  
  321. <div class="title">TITLE</a></div>
  322.  
  323. <div class="links">
  324.  
  325. ※ <a href="/">Link One</a><br>
  326.  
  327. ※ <a href="/">Link Two</a><br>
  328.  
  329. ※ <a href="/">Link Three</a><br>
  330.  
  331. ※ <a href="/">Link Four</a><br>
  332.  
  333. ※ <a href="/">Link Five</a><br>
  334.  
  335.  
  336.  
  337.  
  338. </div>
  339.  
  340. </div>
  341.  
  342. <div id="box">
  343.  
  344. <div class="title">TITLE</a></div>
  345.  
  346. <div class="links">
  347.  
  348. ※ <a href="/">Link One</a><br>
  349.  
  350. ※ <a href="/">Link Two</a><br>
  351.  
  352. ※ <a href="/">Link Three</a><br>
  353.  
  354. ※ <a href="/">Link Four</a><br>
  355.  
  356. ※ <a href="/">Link Five</a><br>
  357.  
  358.  
  359.  
  360.  
  361. </div>
  362.  
  363. </div>
  364.  
  365. </div> <center>
  366. <div id = "boxita">
  367. <div class = "boxy">
  368. <div class= "words">
  369. <center><a href="/">Home</a></font></center>
  370. </div>
  371. </div>
  372. </div>
  373.  
  374. <div id = "boxita">
  375. <div class = "boxy">
  376. <div class= "words">
  377. <center><a href="/">Mail</a></center>
  378. </div>
  379. </div>
  380. </div>
  381.  
  382. <div id = "boxita">
  383. <div class = "boxy">
  384. <div class= "words">
  385. <center><a href="http://hazcastah.tumblr.com">Credit</a></center>
  386. </div>
  387. </div>
  388. </div>
  389.  
  390.  
  391. <a style="bottom:10px; right:10px; position:fixed; background:#fff; padding:3px; border:1px solid #686868; font-size:9px; color:#686868; letter-spacing:1px" href="http://hazcastah.tumblr.com">PL</a>
  392.  
  393. </body>
  394. </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!