API tools faq
paste
Advertisement
sexmeluke

Navigation Page #2: Forever- SEXMELUKE

sexmeluke
Feb 18th, 2014
1,713
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.38 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. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8.  
  9. <!-----------------------------------------------------------------
  10.  
  11.                     PAGE BY
  12.       ╭━━━┳━━━┳━╮╭━┳━╮╭━┳━━━┳╮╱╱╭╮╱╭┳╮╭━┳━━━╮
  13.       ┃╭━╮┃╭━━┻╮╰╯╭┫┃╰╯┃┃╭━━┫┃╱╱┃┃╱┃┃┃┃╭┫╭━━╯
  14.       ┃╰━━┫╰━━╮╰╮╭╯┃╭╮╭╮┃╰━━┫┃╱╱┃┃╱┃┃╰╯╯┃╰━━╮
  15.       ╰━━╮┃╭━━╯╭╯╰╮┃┃┃┃┃┃╭━━┫┃╱╭┫┃╱┃┃╭╮┃┃╭━━╯
  16.       ┃╰━╯┃╰━━┳╯╭╮╰┫┃┃┃┃┃╰━━┫╰━╯┃╰━╯┃┃┃╰┫╰━━╮
  17.       ╰━━━┻━━━┻━╯╰━┻╯╰╯╰┻━━━┻━━━┻━━━┻╯╰━┻━━━╯
  18.  
  19. ******** All themes are optimized for google chrome*********
  20.  
  21. • Don't remove or change the credit
  22.  
  23. • Don't use my themes as a base code
  24.  
  25. • Only edit my themes for personal use
  26.  
  27. • Send me an ask if you need help
  28.  
  29. • Send me an ask OFF ANON!
  30. ------------------------------------------------------------------------>
  31.  
  32.  
  33. <head>
  34.  
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39.  
  40.  
  41. body {
  42.     margin:0px;
  43.     font-family:times;
  44.     font-size:12px;
  45.     padding:5px;
  46.     line-height:100%;
  47. }    
  48.  
  49. a {
  50. color:black;
  51. text-decoration:none;
  52. outline:none;
  53. opacity:1;
  54. font-family: Calibri;
  55. font-size:11px;
  56. -webkit-transition: all 0.8s;
  57. -moz-transition: all 0.8s;
  58. transition: all 0.8s;
  59. }
  60.  
  61. a:hover {
  62. color:#1d1d1d;
  63. -webkit-transition: all 0.8s;
  64. -moz-transition: all 0.8s;
  65. transition: all 0.8s;
  66. }
  67.  
  68.  
  69.  
  70. #title{
  71.     margin-top:10px;
  72.     margin-left:400px;
  73.     position:fixed;
  74.     height:auto;
  75.     width:710px;
  76.     color:black;
  77.     background-color:white;
  78.     padding:25px;
  79.     font-family:century gothic;
  80.     text-transform:uppercase;
  81.     font-size:40px;
  82.     text-align:center
  83.    
  84. }
  85.  
  86. #links {
  87.     background:#000;
  88.     color:black;
  89.     position:fixed;
  90.     width:740px;
  91.     margin-left:395px;
  92.     margin-top:69px;
  93.     padding:7px;
  94.     height:10px;
  95.     text-transform:uppercase;
  96.     letter-spacing:1px;
  97.     font-style:none;
  98.     text-align:center;
  99.     background-color:transparent;
  100.     }
  101.  
  102. #links a {
  103.  
  104.     color:black;
  105.     letter-spacing:1px;
  106.     font-family:calibri;
  107.     font-size:11px;
  108.     width:100px;
  109.     padding:3px;
  110.    
  111.     -moz-transition-duration:1s;
  112.     -webkit-transition-duration:1s;
  113.     -o-transition-duration:1s;
  114.     }
  115.  
  116. #links a:hover {
  117.     color:#fff;
  118.     background:black;
  119.     -moz-transition-duration:1s;
  120.     -webkit-transition-duration:1s;
  121.     -o-transition-duration:1s;
  122. }
  123.  
  124.  
  125. #wrap{
  126.     width:1000px;
  127.     height:880px;
  128.     background-color: transparent;
  129.     margin-left:290px;
  130.     margin-top:120px;
  131.     position:fixed;
  132. }
  133.  
  134.  
  135. .linksett a {
  136. text-decoration:none;
  137. background:#ffffff;
  138. border:0px solid #ffffff;
  139. padding:5px;
  140. width:165px;
  141. margin-top:3px;
  142. margin-left:70px;
  143. display:inline-block;
  144. color:#000000;
  145. text-align:center;
  146. text-transform:uppercase;
  147.  border-radius:50px;
  148. }
  149.  
  150. .linksett a:hover {
  151. background:#2E2E2E;
  152. color:#ffffff;
  153. -webkit-transition: all 0.3s ease-in-out;
  154. -moz-transition: all 0.3s ease-in-out;
  155. -o-transition: all 0.3s ease-in-out;
  156. -ms-transition: all 0.3s ease-in-out;
  157. transition: all 0.3s ease-in-out;
  158. }
  159.  
  160. #linktitles{
  161.     width:178px;
  162.     height:25px;
  163.     margin-top:40px;
  164.     margin-left:70px;
  165.     font-family:century gothic;
  166.     text-transform:uppercase;
  167.     font-style:none;
  168.     font-size:20px;
  169.     text-align:center;
  170.     color:white;
  171.     background-color:black;
  172.     padding-top:12px;
  173.     font-weight:bold;
  174.     opacity:0.9;
  175.    
  176.    
  177. }
  178.  
  179.    
  180.   #taco {
  181.     font-size:8px;
  182.     font-family:times;
  183.     letter-spacing:1px;
  184.     -moz-transition-duration:0.5s;
  185.     -webkit-transition-duration:0.5s;
  186.     -o-transition-duration:0.5s;
  187.     }
  188.  
  189.  #taco a {
  190.     background-color:#fff;
  191.     color:#a8a8a8;
  192.     padding:5px;
  193.     border:2px solid #ddd;
  194.     position:fixed;
  195.     right:7px;
  196.     bottom:10px
  197.     }    
  198.  
  199.  
  200. #taco a:hover {
  201.     color:#fff;
  202.     background-color:#000;
  203.     border-radius:110px;
  204.     -moz-transition-duration:2s;
  205.     -webkit-transition-duration:2s;
  206.     -o-transition-duration:2s;
  207.     }
  208.  
  209.  
  210. {CustomCSS}</style>
  211.  
  212.  
  213. </head>
  214. <body>
  215.  
  216. <div id="title">▲▼ navigation ▲▼ <!--CHANGE TITLE HERE IF YOU WANT-->
  217.  
  218. <hr></div>
  219. <div id="links">
  220.  
  221. <!-- CHANGE TOP NAVIGATION LINKS HERE-->
  222.     <a href="/">link 1</a>
  223.      ◆
  224.     <a href="/">link 2</a>
  225.     ◆
  226.     <a href="/">link 3</a>
  227.     ◆
  228.     <a href="/">link 4</a>
  229.  
  230. </div>
  231.  
  232. <div id="wrap">
  233.  
  234. <!--- BEGINNING OF FIRST ROW --->
  235.  
  236. <table>
  237. <tr>
  238. <td>
  239. <div class="linksett">
  240. <div id= "linktitles">title</div>
  241.  
  242. <a href="/tagged/">link</a>
  243. <a href="/tagged/">link</a>
  244. <a href="/tagged/">link</a>
  245. <a href="/tagged/">link</a>
  246. <a href="/tagged/">link</a>
  247.  
  248.  
  249. </div>
  250. </td>
  251. <td>
  252.  
  253. <div class="linksett">
  254. <div id= "linktitles">title</div>
  255.  
  256. <a href="/tagged/">link</a>
  257. <a href="/tagged/">link</a>
  258. <a href="/tagged/">link</a>
  259. <a href="/tagged/">link</a>
  260. <a href="/tagged/">link</a>
  261.  
  262.  
  263. </div>
  264.  
  265. </td>
  266. <td>
  267.  
  268. <div class="linksett">
  269. <div id="linktitles">title</div>
  270.  
  271. <a href="/tagged/">link</a>
  272. <a href="/tagged/">link</a>
  273. <a href="/tagged/">link</a>
  274. <a href="/tagged/">link</a>
  275. <a href="/tagged/">link</a>
  276.  
  277. </div>
  278.  
  279.  
  280. </td>
  281. </tr>
  282. <!--- END OF FIRST ROW --->
  283.  
  284.  
  285. <!--- BEGINNING OF SECOND ROW --->
  286.  
  287. <tr>
  288. <td>
  289. <div class="linksett">
  290. <div id="linktitles">title</div>
  291.  
  292. <a href="/tagged/">link</a>
  293. <a href="/tagged/">link</a>
  294. <a href="/tagged/">link</a>
  295. <a href="/tagged/">link</a>
  296. <a href="/tagged/">link</a>
  297.  
  298.  
  299. </div>
  300. </td>
  301. <td>
  302. <div class="linksett">
  303. <div id="linktitles">title</div>
  304.  
  305. <a href="/tagged/">link</a>
  306. <a href="/tagged/">link</a>
  307. <a href="/tagged/">link</a>
  308. <a href="/tagged/">link</a>
  309. <a href="/tagged/">link</a>
  310.  
  311. </div>
  312.  
  313. </td>
  314. <td>
  315.  
  316. <div class="linksett">
  317. <div id="linktitles">title</div>
  318.  
  319. <a href="/tagged/">link</a>
  320. <a href="/tagged/">link</a>
  321. <a href="/tagged/">link</a>
  322. <a href="/tagged/">link</a>
  323. <a href="/tagged/">link</a>
  324.  
  325. </div>
  326.  
  327. </td>
  328. </tr>
  329. <!--- END OF SECOND ROW --->
  330.  
  331.  
  332. <!--- BEGINNING OF THIRD ROW --->
  333.  
  334.  
  335. <tr>
  336. <td>
  337. <div class="linksett">
  338.  
  339. <div id="linktitles">title</div>
  340.  
  341. <a href="/tagged/">link</a>
  342. <a href="/tagged/">link</a>
  343. <a href="/tagged/">link</a>
  344. <a href="/tagged/">link</a>
  345. <a href="/tagged/">link</a>
  346.  
  347.  
  348. </div>
  349. </td>
  350. <td>
  351.  
  352. <div class="linksett">
  353. <div id="linktitles">title</div>
  354.  
  355. <a href="/tagged/">link</a>
  356. <a href="/tagged/">link</a>
  357. <a href="/tagged/">link</a>
  358. <a href="/tagged/">link</a>
  359. <a href="/tagged/">link</a>
  360.  
  361. </div>
  362.  
  363. </td>
  364. <td>
  365.  
  366. <div class="linksett">
  367. <div id="linktitles">title</div>
  368.  
  369. <a href="/tagged/">link</a>
  370. <a href="/tagged/">link</a>
  371. <a href="/tagged/">link</a>
  372. <a href="/tagged/">link</a>
  373. <a href="/tagged/">link</a>
  374.  
  375. </div>
  376.  
  377. </td>
  378. </tr>
  379. </table>
  380. </div>
  381.  
  382. <!-- END OF THIRD ROW --->
  383.  
  384.  
  385.  
  386. <div id="taco">
  387. <a href="http://sexmeluke.tumblr.com">SML</a>
  388.                 </div>
  389. </body>
  390.    
  391. </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!