API tools faq
paste
shutupstrax

Navi 1

shutupstrax
May 28th, 2014
393
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.21 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8.  
  9. <head>
  10.  
  11.  
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15.  
  16.  
  17. <!---- NAVIGATION PAGE 1 BY SHUTUPSTRAX PLEASE DO NOT REMOVE THE CREDIT AND FOLLOW THE RULES ANY QUESTIONS JUST ASK ME AND EDIT AS YOU WISH (...)--->
  18.  
  19. <style type="text/css">
  20.  
  21.  
  22.  
  23. body {
  24. margin: 0;
  25. padding: 0;
  26. height: 100%;}
  27.  
  28.  
  29. #swag{
  30. width: auto;
  31. position:relative;
  32. height:50px;
  33. background:#2AD3DC;
  34. z-index:-6;}
  35.  
  36. #swagg{
  37. width:auto;
  38. top:3px;
  39. height:10px;
  40. background:#93E8ED;
  41. position:relative;
  42. z-index:8;
  43. }
  44.  
  45.  
  46.  
  47. #con {height:auto;
  48. }
  49.  
  50. #box {margin-top:25px; margin-bottom:25px;width:500px; height:500px; }
  51.  
  52. #title {font-size:25px;font-family: Century Gothic, sans-serif; text-transform:uppercase; color:#777777; width:490px; padding:5px; background:#FCFCFC;}
  53.  
  54.  
  55. #bar {margin-top:5px;}
  56.  
  57. #bar img {width:500px; height:100px;}
  58.  
  59. #barr{margin-top:-125px;}
  60.  
  61. #barr img {margin-top:125px;width:540px; margin-left:-30px; }
  62.  
  63.  
  64. a{text-decoration:none; color:#000;}
  65.  
  66. #links a{font-family:Calibri; font-size:14px; padding-top:2px; padding-bottom:2px; display:inline-block; width:100px; color:#424242;
  67. text-align:center; padding-left:5px;
  68. -moz-transition-duration:0.7s;
  69. -webkit-transition-duration:0.7s;
  70. -o-transition-duration:0.7s;}
  71.  
  72. #links a:hover {font-size:1px; }
  73.  
  74.  
  75. #links{width:500px;}
  76.  
  77.  
  78.  
  79.  
  80.  
  81. #top {width:500px;font-size:16px;font-family: Century Gothic, sans-serif; color:#fff; padding:5px; background:#1CD2DF; text-align:left; margin-top:5px; }
  82.  
  83. #top2 {width:500px;font-size:16px;font-family: Century Gothic, sans-serif; color:#fff; padding:5px; background:#84E1F8; text-align:left; margin-top:5px; }
  84. #top3 {width:500px;font-size:16px;font-family: Century Gothic, sans-serif; color:#fff; padding:5px; background:#B1EEFA; text-align:left; margin-top:5px; }
  85.  
  86. #h1 a{font-family:Calibri; font-size:14px; padding-top:2px; padding-bottom:2px; display:inline-block; width:240px; color:#424242;
  87. text-align:center; padding-left:5px; -moz-transition-duration:0.7s;
  88. -webkit-transition-duration:0.7s;
  89. -o-transition-duration:0.7s;}
  90.  
  91. #h1{margin-top:5px;width:500px;}
  92.  
  93. #h1 a:hover {background:#6BE0F0; color:#fff; }
  94.  
  95. #h2 a{font-family:Calibri; font-size:14px; padding-top:2px; padding-bottom:2px; display:inline-block; width:240px; color:#424242;
  96. text-align:center; padding-left:5px; -moz-transition-duration:0.7s;
  97. -webkit-transition-duration:0.7s;
  98. -o-transition-duration:0.7s;}
  99.  
  100. #h2{margin-top:5px;width:500px;}
  101.  
  102. #h2 a:hover {background:#73DCF7; color:#fff; }
  103.  
  104.  
  105. #h3 a{font-family:Calibri; font-size:14px; padding-top:2px; padding-bottom:2px; display:inline-block; width:240px; color:#424242;
  106. text-align:center; padding-left:5px; -moz-transition-duration:0.7s;
  107. -webkit-transition-duration:0.7s;
  108. -o-transition-duration:0.7s;}
  109.  
  110. #h3{margin-top:5px;width:500px;}
  111.  
  112. #h3 a:hover {background:#9EE7F5; color:#fff; }
  113.  
  114. /*CREDIT DO NOT REMOVE*/
  115.  
  116. #cred{
  117. position:fixed;bottom:13px;
  118. right:3px;
  119. font-size:8px;
  120. letter-spacing:1px;
  121. font-family:cambria;
  122. -moz-transition-duration: 0.5s;
  123. -webkit-transition-duration: 0.5s;
  124. -o-transition-duration: 0.5s
  125. }
  126.  
  127. #cred a {
  128. color:#848484;
  129. transition-duration: 0.5s;
  130. padding:10px;
  131. -moz-transition-duration: 0.5s;
  132. -webkit-transition-duration: 0.5s;
  133. -o-transition-duration: 0.5s}
  134.  
  135. #cred a:hover {
  136. color:#fff;
  137. border:1px solid #fff;
  138. background:#58ACFA;
  139. transition-duration: 0.5s;
  140. -moz-transition-duration: 0.5s;
  141. -webkit-transition-duration: 0.5s;
  142. -o-transition-duration: 0.5s}
  143.  
  144. </style></head><body><center><div id="con">
  145.  
  146.  
  147.  
  148.  
  149.  
  150. <div id="swag"></div>
  151. <div id="swaggg">
  152. <div id="swagg"></div></div>
  153.  
  154. <div id="box">
  155.  
  156. <div id="title"> Navigation </div>
  157.  
  158.  
  159.  
  160.  
  161.  
  162. <div id="bar"> <img src="http://i935.photobucket.com/albums/ad197/shutupstrax/large_zpsbdca7638.jpg"> </div> </a>
  163.  
  164.  
  165.  
  166. <div id="links">
  167. <a href="/">Home</a>
  168. <a href="/ask">ask</a>
  169. <a href="/WHERE YOU WANT THE LINK TO GO TO HERE">link3</a>
  170. <a href="/WHERE YOU WANT THE LINK TO GO TO HERE">link4</a>
  171.  
  172. </div>
  173.  
  174.  
  175. <div id="top"> Header 1 </div>
  176.  
  177.  
  178. <div id="h1">
  179. <a href="/">Link1</a>
  180. <a href="/">link2</a>
  181. <a href="/">link3</a>
  182. <a href="/">link4</a>
  183.  
  184.  
  185.  
  186. </div>
  187.  
  188. <div id="top2"> Header 2 </div>
  189.  
  190. <div id="h2">
  191. <a href="/">Link1</a>
  192. <a href="/">link2</a>
  193. <a href="/">link3</a>
  194. <a href="/">link4</a>
  195.  
  196.  
  197.  
  198. </div>
  199.  
  200.  
  201. <div id="top3"> Header 3 </div>
  202.  
  203. <div id="h3">
  204. <a href="/">Link1</a>
  205. <a href="/">link2</a>
  206. <a href="/">link3</a>
  207. <a href="/">link4</a>
  208.  
  209.  
  210.  
  211. </div>
  212.  
  213.  
  214. <div id="barr"> <img src="http://i935.photobucket.com/albums/ad197/shutupstrax/large_zps4520543a.jpg"> </div> </a>
  215.  
  216.  
  217.  
  218.  
  219. <!--CREDIT DO NOT REMOVE-->
  220.  
  221. <div id="cred"><a href="http://shutupstrax.tumblr.com/">SUS</a></center></div>
  222.  
  223.  
  224. </div></center></body></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!