API tools faq
paste
darnpayne

navi page 1

darnpayne
Nov 4th, 2013
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.80 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. <!--PAGE BY BEDZIAMS DON'T REMOVE CREDIT -->
  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. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  13.  
  14. <script type="text/javascript">
  15. jQuery(document).ready(function() {
  16. jQuery(".content").hide();
  17. //toggle the componenet with class msg_body
  18. jQuery(".heading").click(function()
  19. {
  20. jQuery(this).next(".content").slideToggle(500);
  21. });
  22. });
  23. </script>
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28.  
  29. ::-webkit-scrollbar {background-color:#fff; height:8px; width:8px}
  30. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:50px}
  31. ::-webkit-scrollbar-thumb:horizontal {background-color:#000; height:8px!important}
  32.  
  33. body {
  34. background-color:#fff;
  35. font-family:times;
  36. font-weight:normal;
  37. }
  38.  
  39.  
  40. a {
  41. color:#000;
  42. text-decoration:none;
  43. -moz-transition-duration:0.5s;
  44. -webkit-transition-duration:0.5s;
  45. -o-transition-duration:0.5s;
  46. }
  47.  
  48. a:hover {
  49. color:#fff;
  50. text-decoration:none;
  51. -moz-transition-duration:0.5s;
  52. -webkit-transition-duration:0.5s;
  53. -o-transition-duration:0.5s;
  54. }
  55.  
  56. h1 {
  57. font-weight:normal;
  58. font-size:11px;
  59. text-align:center;
  60. font-style:italic;
  61. line-height:50%;
  62. letter-spacing:1px;
  63. text-transform:lowercase;
  64. color:{color:text};
  65. }
  66.  
  67. h2 {
  68. font-size:10px;
  69. text-align:center;
  70. line-height:100%;
  71. letter-spacing:-0.5px;
  72. color:{color:text};
  73. font-weight:bold;
  74. text-transform:uppercase;
  75. padding:5px;
  76. padding-bottom:2px;
  77. }
  78.  
  79.  
  80. #themenum {
  81. background-color:#fff;
  82. width:700px;
  83. margin: 0 auto -12px auto;
  84. text-align: center;
  85. }
  86.  
  87. .layer1 {
  88. margin: 0;
  89. padding: 5px;
  90. width: 500px;
  91. margin-top:200px;
  92. margin-left:150px;
  93. }
  94. .layer2 {
  95. margin: 0;
  96. padding: 5px;
  97. width: 500px;
  98. margin-top:0px;
  99. margin-left:150px;
  100. } .layer3 {
  101. margin: 0;
  102. padding: 5px;
  103. width: 500px;
  104. margin-top:0px;
  105. margin-left:150px;
  106. }
  107. .heading {
  108. margin: 5px;
  109. color: #fff;
  110. text-align:center;
  111. cursor: pointer;
  112. position: relative;
  113. background-color:#a1e4ed;
  114. width:400px;
  115. padding:10px;
  116. height:40px;
  117. padding:20px;
  118. font-size:30px;
  119. text-transform:uppercase;
  120. font-family:Kristen ITC ;
  121. border:double 10px #fff;
  122. }
  123.  
  124. .heading a{
  125. color:#fff;
  126. }
  127.  
  128. .content {
  129. padding: 5px 10px;
  130. width:540px;
  131. margin-left:-55px;
  132. clear: left;
  133. text-align:center;
  134. font-size:25px;
  135. font-family:Kristen ITC ;
  136. }
  137.  
  138. .content a{
  139. width:330px;
  140. color:#000;
  141. background:#fff;
  142. display:inline block;
  143. padding:0px;
  144. -moz-transition-duration:0.6s;
  145. -webkit-transition-duration:0.6s;
  146. -o-transition-duration:0.6s;
  147. }
  148.  
  149. .content a:hover{
  150. background:#a1e4ed;
  151. color:#fff;
  152. -moz-transition-duration:0.6s;
  153. -webkit-transition-duration:0.6s;
  154. -o-transition-duration:0.6s;
  155. }
  156.  
  157. p {
  158. padding: 5px ;
  159. }
  160.  
  161.  
  162. #sb {
  163. color:#000;
  164. position:fixed;
  165. width:100px;
  166. height:auto;
  167. margin-top:-106px;
  168. margin-left:330px;
  169. text-align:left;
  170. }
  171.  
  172. #sb img {
  173. width:70px;
  174. height:70px;
  175. margin-bottom:15px;
  176. outline:1px solid #000;
  177. outline-offset:4px;
  178. margin-left:5px;
  179. }
  180.  
  181. .butt {
  182. padding: 5px 10px;
  183. width:540px;
  184. margin-left:-235px;
  185. clear: left;
  186. text-align:center;
  187. font-size:25px;
  188. font-family:Kristen ITC ;margin-top:-13px;
  189. }
  190.  
  191. .butt a{
  192. width:330px;
  193. color:#000;
  194. background:#fff;
  195. display:inline block;
  196. padding:0px;
  197. -moz-transition-duration:0.6s;
  198. -webkit-transition-duration:0.6s;
  199. -o-transition-duration:0.6s;
  200. }
  201.  
  202. .butt a:hover{
  203. color:#fff;
  204. background:#a1e4ed;
  205. -moz-transition-duration:1s;
  206. -webkit-transition-duration:1s;
  207. -o-transition-duration:1s;
  208. }
  209.  
  210. #header{
  211. width:550px;
  212. position:fixed;
  213. margin-top:-70px;
  214. margin-left:150px;
  215. background:#aaa;
  216. }
  217.  
  218. #title {
  219. font-family:Kristen ITC ;
  220. font-size:25px;
  221. text-transform:lowercase;
  222. position:fixed;
  223. text-align:center;
  224. width:550px;
  225. height:auto;
  226. margin-top:-73px;margin-left:-50px;
  227.  
  228. }
  229.  
  230. #credit {
  231. font-style:bold;
  232. position:fixed;
  233. font-size:13px;
  234. font-weight:normal;
  235. line-height:150%;
  236. letter-spacing:2px;
  237. right:10px;
  238. bottom:10px;
  239. text-transform:uppercase;
  240. text-align:center;
  241. }
  242.  
  243. #credit a {
  244. font-size:13px;
  245. padding:3px;
  246. color:#000;
  247. -moz-transition-duration:0.5s;
  248. -webkit-transition-duration:0.5s;
  249. -o-transition-duration:0.5s;
  250. }
  251.  
  252. {CustomCSS}
  253.  
  254. </style></head>
  255.  
  256. <body>
  257. <div id="themenum">
  258. <div id="sb">
  259. <img src="http://31.media.tumblr.com/9abf9d2d8e8bb21ab5cc918dbdbf3714/tumblr_mqinh1AIj81rmgpypo2_250.png">
  260. <div class="butt">
  261. <a href="http://{Name}.tumblr.com">back</a>
  262. <a href="http://{Name}.tumblr.com/ask">inbox</a>
  263. <a href="http://bedziams.tumblr.com">credit</a>
  264. </div></div>
  265. <div id="header">
  266. <div id="title">{Name}'s Navigation</div></div>
  267.  
  268. <!---change where it says title to what you want the title to be, change where it says link to the link title and change the / to the url. to add another box copy from <p class heading> to </div> and paste it where ever you want it to go, to add another link copy from <a href= to </a> --->
  269. <div class="layer1">
  270. <!--change the heading background colour to change the box background--><p class="heading">networks</p>
  271. <!---change the content a colours to edit the background and font colour of the links and change the content a:hover colours to change the hover colours--->
  272. <div class="content">
  273.  
  274. <a href="/tagged/">tags</a>
  275. <a href="/tagged/">tags</a>
  276. <a href="/tagged/">tags</a><br>
  277. <a href="/tagged/">tags</a>
  278. <a href="/tagged/">tags</a>
  279. <a href="/tagged/">tags</a><br>
  280. <a href="/tagged/">tags</a>
  281. <a href="/tagged/">tags</a>
  282. <a href="/tagged/">tags</a><br>
  283. <a href="/tagged/">tags</a>
  284. <a href="/tagged/">tags</a>
  285. <a href="/tagged/">tags</a>
  286. </div>
  287.  
  288. </div>
  289. <div class="layer2">
  290. <!--change the heading background colour to change the box background--><p class="heading">networks</p>
  291. <!---change the content a colours to edit the background and font colour of the links and change the content a:hover colours to change the hover colours--->
  292. <div class="content">
  293.  
  294.  
  295. <a href="/tagged/">tags</a>
  296. <a href="/tagged/">tags</a>
  297. <a href="/tagged/">tags</a><br>
  298. <a href="/tagged/">tags</a>
  299. <a href="/tagged/">tags</a>
  300. <a href="/tagged/">tags</a><br>
  301. <a href="/tagged/">tags</a>
  302. <a href="/tagged/">tags</a>
  303. <a href="/tagged/">tags</a><br>
  304. <a href="/tagged/">tags</a>
  305. <a href="/tagged/">tags</a>
  306. <a href="/tagged/">tags</a>
  307. </div>
  308.  
  309. </div>
  310. <div class="layer3">
  311. <!--change the heading background colour to change the box background--><p class="heading">networks</p>
  312. <!---change the content a colours to edit the background and font colour of the links and change the content a:hover colours to change the hover colours--->
  313. <div class="content">
  314.  
  315. <a href="/tagged/">tags</a>
  316. <a href="/tagged/">tags</a>
  317. <a href="/tagged/">tags</a><br>
  318. <a href="/tagged/">tags</a>
  319. <a href="/tagged/">tags</a>
  320. <a href="/tagged/">tags</a><br>
  321. <a href="/tagged/">tags</a>
  322. <a href="/tagged/">tags</a>
  323. <a href="/tagged/">tags</a><br>
  324. <a href="/tagged/">tags</a>
  325. <a href="/tagged/">tags</a>
  326. <a href="/tagged/">tags</a>
  327. </div>
  328.  
  329. </div>
  330. <div id="credit"><a href="http://bedziams.tumblr.com/">bz</a></div>
  331.  
  332. </div>
  333. </div>
  334. </div>
  335. </body>
  336. </html>
Advertisement
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!