API tools faq
paste
Advertisement
alokasenna

Winter Soldier (Navigation 02)

alokasenna
Apr 19th, 2014
1,451
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.53 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>
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!-----PAGE 11 BY STVCKY (http://stvcky.tumblr.com/). DON'T STEAL OR REDISTRIBUTE. THANK.----->
  7.  
  8. <head>
  9. <title>navigation</title> <!-----CHANGE THE TITLE ON THE TAB HERE----->
  10. <link rel="shortcut icon" href="http://i386.photobucket.com/albums/oo310/StellaAmore888/bucky%20barnes%20marveldc20in20/indigo.png"> <!-----CHANGE THE ICON ON THE TAB HERE----->
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13.  
  14. <style type="text/css">
  15.  
  16. @font-face {
  17. font-family: "lobster";
  18. src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff');
  19. }
  20.  
  21.  
  22. ::-webkit-scrollbar-thumb {
  23. background-color: #b38150; /*CHANGE THE SCROLLBAR*/
  24. height:auto;
  25. border-bottom:none;
  26. }
  27. ::-webkit-scrollbar {
  28. height:9px;
  29. width:5px;
  30. background-color: #b38150; /*CHANGE THE SCROLLBAR*/
  31. border: 2px solid #fcfcfc; /*MATCH THIS TO THE BG COLOR OF THE CONTAINER*/
  32.  
  33. }
  34.  
  35. ::selection {
  36. background-color: #b38150; /*CHANGE THE SELECTION BG COLOR*/
  37. color: white; /*CHANGE THE SELECTION TEXT COLOR*/
  38. }
  39.  
  40. body {
  41. font-family: Calibri;
  42. font-weight: normal;
  43. font-size: 11px;
  44. background-color: #c2b891; /*CHANGE THE BG COLOR*/
  45. background-image: url(/); /*PUT YOUR BG IMAGE IN PLACE OF THE SLASH */
  46. background-repeat: repeat;
  47. }
  48.  
  49.  
  50. a {
  51. text-decoration: none;
  52. -webkit-transition: 0.5s;
  53. -moz-transition: 0.5s;
  54. transition: 0.5s;
  55. color: #79b3a8;
  56. }
  57.  
  58. a: hover {
  59. text-decoration: none;
  60. -webkit-transition: 0.5s;
  61. -moz-transition: 0.5s;
  62. transition: 0.5s;
  63. color: white;
  64. }
  65.  
  66. #marie {
  67. width: 110px;
  68. }
  69.  
  70. #marie img {
  71. width: 110px;
  72. height: 500px;
  73. margin-top: 100px;
  74. margin-left: 50px;
  75. }
  76.  
  77. #dutchess {
  78. width: 400px;
  79. height: 500px;
  80. margin-top: -500px;
  81. margin-left: 170px;
  82. background-color: #fcfcfc; /*CHANGE THE CONTAINER BG COLOR*/
  83. overflow-y: hidden;
  84. }
  85.  
  86. #columni {
  87. width: 50%;
  88. height: 100%;
  89. }
  90.  
  91. #columnii {
  92. width: 50%;
  93. height: 100%;
  94. margin-top: -535px;
  95. margin-left: 190px;
  96. }
  97.  
  98. #navbox {
  99. width: 80%;
  100. height: 200px;
  101. margin-top: 35px;
  102. overflow-y: scroll;
  103. }
  104.  
  105. #nav_title {
  106. width: 100%;
  107. height: 38px;
  108. background-color: #b38150; /*CHANGE THE NAV TITLES BGS*/
  109. font-family: Franklin Gothic Heavy;
  110. font-size: 20px;
  111. color: white;
  112. text-transform: uppercase;
  113. text-align: center;
  114. padding-top: 13px;
  115. }
  116.  
  117. #links {
  118. width: 80%;
  119. height: 17px;
  120. background-color: #b38150; /*CHANGE THE BACKGROUND COLOR OF THE LINKS*/
  121. margin-top: 10px;
  122. padding-top: 3px;
  123. }
  124.  
  125. #links:hover {
  126. background-color: #fcfcfc; /*CHANGE THE LINK BG ON HOVER*/
  127. -webkit-transition: all 0.8s ease;
  128. -moz-transition: all 0.8s ease;
  129. -o-transition: all 0.8s ease;
  130. }
  131.  
  132. #links a {
  133. color: white; /*CHANGE THE LINK COLOR*/
  134. font-family: arial;
  135. font-size: 10px;
  136. }
  137.  
  138. #links a:hover {
  139. color: #b38150; /*CHANGE THE LINK COLOR ON HOVER*/
  140. -webkit-transition: all 0.8s ease;
  141. -moz-transition: all 0.8s ease;
  142. -o-transition: all 0.8s ease;
  143. }
  144.  
  145. #title {
  146. font-family: lobster;
  147. color: #fcfcfc; /*CHANGE THE TITLE COLOR*/
  148. font-size: 100px;
  149. margin-top: -600px;
  150. margin-left: 80px;
  151. }
  152.  
  153. </style>
  154. </head>
  155.  
  156. <body>
  157.  
  158. <div id="marie">
  159. <img src="https://24.media.tumblr.com/43e334dfb53c22b11b8f610366508d83/tumblr_n47h3maE6g1tpb7s5o1_400.jpg"/> <!--PUT YOUR PICTURE URL BETWEEN THE "S-->
  160. </div>
  161.  
  162. <div id="dutchess">
  163.  
  164. <div id="columni">
  165.  
  166. <center>
  167. <div id="navbox">
  168.  
  169. <div id="nav_title">
  170. title <!--CHANGE YOUR FIRST BOX TITLE-->
  171. </div>
  172.  
  173. <!--PUT YOUR LINK IN PLACE OF THE / AND REPLACE LINK WITH YOUR TITLE-->
  174.  
  175. <div id="links">
  176. <a href="/">link</a>
  177. </div>
  178. <div id="links">
  179. <a href="/">link</a>
  180. </div>
  181. <div id="links">
  182. <a href="/">link</a>
  183. </div>
  184. <div id="links">
  185. <a href="/">link</a>
  186. </div>
  187. <div id="links">
  188. <a href="/">link</a>
  189. </div>
  190. <div id="links">
  191. <a href="/">link</a>
  192. </div>
  193.  
  194. </div>
  195.  
  196. <!--DO THE SAME FOR EVERY FOLLOWING BOX-->
  197.  
  198. <div id="navbox">
  199.  
  200. <div id="nav_title">
  201. title
  202. </div>
  203.  
  204. <div id="links">
  205. <a href="/">link</a>
  206. </div>
  207. <div id="links">
  208. <a href="/">link</a>
  209. </div>
  210. <div id="links">
  211. <a href="/">link</a>
  212. </div>
  213. <div id="links">
  214. <a href="/">link</a>
  215. </div>
  216. <div id="links">
  217. <a href="/">link</a>
  218. </div>
  219. <div id="links">
  220. <a href="/">link</a>
  221. </div>
  222.  
  223.  
  224. </div>
  225.  
  226. <!--DON'T PASTE ANYTHING BELOW THIS IF YOU WANT EXTRA BOXES IN THIS COLUMN-->
  227. </center>
  228.  
  229. </div>
  230.  
  231.  
  232. <div id="columnii">
  233.  
  234. <center>
  235. <div id="navbox">
  236.  
  237. <div id="nav_title">
  238. title
  239. </div>
  240.  
  241. <div id="links">
  242. <a href="/">link</a>
  243. </div>
  244. <div id="links">
  245. <a href="/">link</a>
  246. </div>
  247. <div id="links">
  248. <a href="/">link</a>
  249. </div>
  250. <div id="links">
  251. <a href="/">link</a>
  252. </div>
  253. <div id="links">
  254. <a href="/">link</a>
  255. </div>
  256. <div id="links">
  257. <a href="/">link</a>
  258. </div>
  259.  
  260. </div>
  261.  
  262. <div id="navbox">
  263.  
  264. <div id="nav_title">
  265. title
  266. </div>
  267.  
  268. <div id="links">
  269. <a href="/">link</a>
  270. </div>
  271. <div id="links">
  272. <a href="/">link</a>
  273. </div>
  274. <div id="links">
  275. <a href="/">link</a>
  276. </div>
  277. <div id="links">
  278. <a href="/">link</a>
  279. </div>
  280. <div id="links">
  281. <a href="/">link</a>
  282. </div>
  283. <div id="links">
  284. <a href="/">link</a>
  285. </div>
  286.  
  287.  
  288. </div>
  289.  
  290. <!--DON'T PASTE ANYTHING BELOW THIS IF YOU WANT EXTRA BOXES IN THIS COLUMN-->
  291. </center>
  292.  
  293. </div>
  294.  
  295. </div>
  296.  
  297. <div id="title">
  298. Navigation <!--CHANGE YOUR MAIN TITLE-->
  299. </div>
  300.  
  301. <!--DON'T TOUCH ANYTHING BELOW THIS. THIS IS MY CREDIT. THE ONLY THING YOU CAN DO IS CHANGE #FCFCFC TO WHATEVER COLOR YOU WANT-->
  302.  
  303. <div style="position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri;"><a style="color:#fcfcfc;" href="http://stvcky.tumblr.com/">@STVCKY</a></center></div>
  304.  
  305.  
  306. <!--
  307.  
  308. HOW TO ADD MORE BOXES:
  309.  
  310. PASTE THIS CODE (http://pastebin.com/kmtUq7z6) RIGHT BEFORE IT SAYS "DON'T PAST ANYTHING BELOW THIS". IF YOU WANT IN THE FIRST COLUMN, PASTE IT ABOVE THE FIRST TIME I SAY THIS. IF YOU WANT IN THE SECOND COLUMN, PASTE IT ABOVE THE SECOND TIME I SAY THIS.
  311.  
  312. IT MAY NOT SHOW UP RIGHT AWAY. WHAT YOU HAVE TO DO THEN IS CTRL+F THIS: overflow-y: hidden
  313.  
  314. CHANGE THIS TO: overflow-y: scroll
  315.  
  316. IF YOU HAVE ANY FURTHER QUESTIONS, ASK ME AT STVCKY.TUMBLR.COM/CONTACT.
  317.  
  318. -->
  319.  
  320. </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!