API tools faq
paste
Advertisement
elsewheretales

Navigation Page 1

elsewheretales
Apr 23rd, 2014
1,401
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.90 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. <html>
  4. <head>
  5.  
  6. <!--theme by elsewheretales.tumblr.com
  7.  
  8. enjoy!
  9.  
  10. -->
  11.  
  12. <!--you can change the title of the page, just replace 'Map' in the code below with anything of your choice.--->
  13.  
  14.  
  15. <title>
  16. {block:PostSummary}{PostSummary} | {/block:PostSummary}
  17.  
  18. Map
  19.  
  20. </title>
  21.  
  22.  
  23.  
  24. <link rel="shortcut icon" href="{Favicon}" />
  25.  
  26. <!--fonts-->
  27.  
  28. <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Roboto' />
  29. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Old+Standard+TT" />
  30.  
  31. <!--scripts-->
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34.  
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36.  
  37. <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
  38.  
  39. <!--toggle script, thank you jquery-->
  40.  
  41. <script>
  42. $(document).ready(function(){
  43.  
  44. $(".A").click(function(){
  45. $(".un").toggle();
  46. $(".deux,.trois,.quatre,.cinq").hide();
  47. });
  48.  
  49. $(".B").click(function(){
  50. $(".deux").toggle();
  51. $(".un,.trois,.quatre,.cinq").hide();
  52. });
  53. $(".C").click(function(){
  54. $(".trois").toggle();
  55. $(".un,.deux,.quatre,.cinq").hide();
  56. });
  57. $(".D").click(function(){
  58. $(".quatre").toggle();
  59. $(".un,.deux,.trois,.cinq").hide();
  60. });
  61. $(".E").click(function(){
  62. $(".cinq").toggle();
  63. $(".un,.deux,.trois,.quatre").hide();
  64. });
  65.  
  66. });
  67. </script>
  68.  
  69. <!--hope this works fine-->
  70.  
  71. <!-- jquery script for tooltip -->
  72.  
  73.  
  74. <script>
  75. $().ready(function() {
  76. $("[title]").style_my_tooltips({
  77. tip_follows_cursor: "on",
  78. tip_delay_time: 200 //this is in milliseconds
  79. });
  80. });
  81. </script>
  82. <!--css begins-->
  83.  
  84. <style type="text/css">
  85.  
  86. /* toggle resets */
  87.  
  88. .un, .deux, .trois, .quatre {display:none;}
  89.  
  90. /* tooltip */
  91.  
  92. #s-m-t-tooltip{
  93. position: absolute;
  94. display: inline-block;
  95. margin:20px 10px 0px 0px;
  96. max-width: 300px;
  97. padding: 3px 7px 3px 7px;
  98. z-index: 99999;
  99. text-transform: uppercase;
  100. font-family: 'Roboto', Cambria, serif;
  101. font-size: 9px;
  102. color:#555;
  103. background-color:#f4f4f4;
  104. border:1px solid #e2e2e2;
  105. }
  106.  
  107. /* scrollbar */
  108.  
  109. ::-webkit-scrollbar{ width: 9px; height: 9px; background-color: #e2e2e2;}
  110.  
  111. ::-webkit-scrollbar-thumb{ background-color:#f4f4f4; border:1px solid #e2e2e2;}
  112.  
  113. ::-webkit-scrollbar-track{ background-color:#f4f4f4;}
  114.  
  115. /* cursor and reset */
  116.  
  117. *, body, a, a:link, a:visited, a:hover {
  118. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png),
  119. auto!important;}
  120.  
  121. /* stuff */
  122.  
  123. /* here, if you want to upload a background image, then follow these steps, or else ignore this comment thread!
  124. steps:
  125.  
  126. - below this comment is the code for 'body'
  127. - look for the background property. you can see that I've specified
  128. url(''). If you enclose a URL within those single inverted commas i.e.
  129. url('http://meow.com/background.jpg') then you can display it.
  130. - if you don't already have a background image uploaded then you can do so, there are lots of sites like dropbox.com, flickr.com or tinypic.com
  131. - make sure you keep the single inverted commas intact or else it won't work!
  132. - in event of any difficulty just send me an ask!
  133.  
  134. */
  135.  
  136. body {
  137. background: url('') #f4f4f4;
  138. font-family: Cambria, serif;
  139. font-size:12px;
  140. line-height:170%;
  141. text-align:justify;
  142. margin:0;
  143. padding:0;
  144. }
  145.  
  146. a, a:link, a:visited {
  147. color: #000;
  148. text-decoration:none;
  149. -webkit-transition: all 0.3s linear;
  150. -moz-transition: all 0.3s linear;
  151. -o-transition:all 0.3s linear;
  152. transition: all 0.3s linear;
  153. }
  154.  
  155. a:active, a:hover {
  156. color: #bbb;
  157. text-decoration:none;
  158. -webkit-transition: all 0.3s linear;
  159. -moz-transition: all 0.3s linear;
  160. -o-transition:all 0.3s linear;
  161. transition: all 0.3s linear;
  162. }
  163.  
  164. img{ opacity:1; border:none; text-decoration:none;}
  165.  
  166. img a {border:none;}
  167.  
  168. /* headings */
  169.  
  170. h1 {
  171. text-align:center;
  172. font-weight:normal;
  173. border-bottom:1px solid #e2e2e2;
  174. font-family: 'Old Standard TT', Cambria, serif;
  175. font-size:18px;
  176. color:#999;
  177. text-transform:lowercase;
  178. }
  179.  
  180. h2 {
  181. text-align:center;
  182. font-weight:normal;
  183. border:none;
  184. font-family: 'Old Standard TT', Cambria, serif;
  185. font-size:18px;
  186. }
  187.  
  188. h3 {
  189. font-size:45px;
  190. text-align:center;
  191. font-family: 'Old Standard TT', Cambria, serif;
  192. font-weight:normal;
  193. }
  194.  
  195. h4 {
  196. font-weight:normal;
  197. font-style:italic;
  198. font-size:13px;
  199. font-weight:bold;
  200. }
  201.  
  202. /* main structure */
  203.  
  204. #container {
  205. margin:50px 30px 30px 240px;
  206. padding:30px;
  207. width:770px;
  208. height:510px;
  209. background:#fff;
  210. position:fixed;
  211. }
  212.  
  213. /* inner container that's gonna show your stuff */
  214.  
  215. #content {
  216. width:530px;
  217. height:460px;
  218. background:#fff;
  219. margin:-195px 0px 0px 250px;
  220. padding:5px;
  221. position:fixed;
  222. overflow-y: auto;
  223. border-bottom:3px double #e2e2e2;
  224. }
  225.  
  226. /* image on the left */
  227.  
  228. #image img {
  229. opacity:0.7;
  230. width:250px;
  231. height:540px;
  232. overflow:hidden;
  233. position:fixed;
  234. margin: -25px 30px 30px -25px;
  235. padding:10px;
  236. }
  237.  
  238. /* image links */
  239.  
  240. .links {
  241. width:195px;
  242. height:auto;
  243. display:block;
  244. margin:0px 0px 0px 20px;
  245. padding:150px 0px 10px 0px;
  246. position:relative;
  247. font-family:'Roboto', Cambria, serif;
  248. font-size:10px;
  249.  
  250. /* change this to '0' if you want the hover effect */
  251.  
  252. opacity:1;
  253.  
  254. }
  255.  
  256. .links a {
  257. width:100px;
  258. height:auto;
  259. display:inline-block;
  260. margin:0px 0px 7px 40px;
  261. text-align:center;
  262. text-transform:uppercase;
  263. font-size:9px;
  264. border:1px solid #bbb;
  265. color: #555;
  266. }
  267.  
  268. .links a:hover {
  269. color:#bbb;
  270. -webkit-filter:blur(1px);
  271. -webkit-transition: 0.3s ease-in-out;
  272. -moz-transition: 0.3s ease-in-out;
  273. -o-transition: 0.3s ease-in-out;
  274. transition: all 0.3s ease-in-out;
  275. }
  276.  
  277. /* image description */
  278.  
  279. #image .words {
  280. width:170px;
  281. height:220px;
  282. overflow-y:auto;
  283. display:block;
  284. margin:10px 0px 0px 15px;
  285. padding:10px;
  286. position:fixed;
  287. border-top:1px solid #999;
  288. color:#555;
  289. opacity:0.6;
  290. text-indent:20px;
  291. line-height:17px;
  292.  
  293. /* change this to '0' if you want the hover effect */
  294.  
  295. opacity:1;
  296.  
  297. }
  298.  
  299.  
  300. .words:first-letter{
  301. font-style:italic;
  302. font-weight:bold;
  303. font-size:22px;
  304. text-transform:uppercase;
  305. }
  306.  
  307. /* hover property, if you want to show */
  308.  
  309. #image:hover .links { opacity:1; transition: all 0.3s ease-in-out;}
  310.  
  311. #image:hover .words { opacity:1; transition: all 0.3s ease-in-out;}
  312.  
  313. /* hover property code ends here. If you want them to hover, do the following steps:
  314. In the codes '#image. description' and '#image .links', change the opacity from '1' to '0'. I have marked where to change it in the code, please look for it above! In case of problems let me know and i'll help.
  315. */
  316.  
  317. /* topbar */
  318.  
  319. #topbar {
  320. position:fixed;
  321. margin:-255px 0px auto 260px;
  322. width:500px;
  323. height:auto;
  324. padding:10px;
  325. border-bottom:3px double #e2e2e2;
  326. text-align:center;
  327. }
  328.  
  329. #topbar a {
  330. padding:10px;
  331. font-family: 'Old Standard TT', Cambria, serif;
  332. font-size:22px;
  333. margin-left:20px;
  334. color:#555;
  335. }
  336.  
  337. #topbar a:hover { color:#bbb; -webkit-filter:blur(1px);}
  338.  
  339. /* the about text */
  340.  
  341. .about {
  342. width:auto;
  343. height:auto;
  344. margin:10px;
  345. padding:10px;
  346. position:relative;
  347. overflow-y:auto;
  348. }
  349.  
  350. .abouticon {
  351. width: 64px; height: 64px; padding:0px 40px 10px 10px; border-radius:100%; float:right; }
  352.  
  353. .abouticon img { width: 64px; height: 64px; border-radius:100%; color:#f4f4f4; border:1px solid #e2e2e2;}
  354.  
  355. .aboutdetails {
  356. width:460px;
  357. height:auto;
  358. margin:20px;
  359. padding:10px;
  360. float:left;
  361. border-bottom:1px solid #e2e2e2;
  362. }
  363.  
  364. /* tags */
  365.  
  366. #tagcontainer { width:500px; height:auto; padding:10px; overflow-y:auto;}
  367.  
  368. .tagbox { position:relative; display:block; margin:10px; padding:5px; }
  369.  
  370. .tags a { display:inline-block; font-size:12px;}
  371.  
  372. .tags a:hover {
  373. color:#bbb;
  374. -webkit-filter:blur(1px);
  375. -webkit-transition: all 0.4s ease-out;
  376. -moz-transition: all 0.4s ease-out;
  377. transition: all 0.4s ease-out;}
  378.  
  379. /* more links */
  380.  
  381. #link { width:480px; height:auto; display:block; margin:10px; overflow-y:auto;}
  382.  
  383. #link a {
  384. width:120px;
  385. display:inline-block;
  386. color:#555;
  387. margin:5px;
  388. padding:2px;
  389. border:1px solid #bbb;
  390. text-align:center;
  391. }
  392.  
  393. #link a:hover { color:#bbb; border:1px dashed #bbb; -webkit-transition: 0.4s ease-in-out;
  394. -moz-transition: 0.2s ease-in-out;
  395. -o-transition: 0.2s ease-in-out;
  396. transition: all 0.2s ease-in-out;}
  397.  
  398. /* Blogroll */
  399.  
  400. #broll {
  401. overflow:auto;
  402. width:500px;
  403. height:auto;
  404. }
  405.  
  406. #icon {
  407. width:40px;
  408. height:40px;
  409. float:left;
  410. margin:5px;
  411. padding:5px;
  412. border-radius:100%;
  413. border:1px solid #e2e2e2;
  414. background: #f4f4f4;
  415. -webkit-transition: 0.4s ease-in-out;
  416. -moz-transition: 0.4s ease-in-out;
  417. -o-transition: 0.4s ease-in-out;
  418. transition: all 0.4s ease-in-out;
  419. }
  420.  
  421. #icon img{
  422. -webkit-filter: grayscale(0);
  423. width:100%;
  424. border-radius:100%;
  425. -webkit-transition: 0.4s ease-in-out;
  426. -moz-transition: 0.4s ease-in-out;
  427. -o-transition: 0.4s ease-in-out;
  428. transition: all 0.4s ease-in-out;
  429. }
  430.  
  431. #icon:hover img{
  432. -webkit-filter: grayscale(1);}
  433.  
  434. #icon:hover {background:#e2e2e2;}
  435.  
  436. /* credit */
  437.  
  438. #box {
  439. font-size:10px;
  440. font-family:Cambria;
  441. letter-spacing:1px;
  442. -moz-transition-duration:0.5s;
  443. -webkit-transition-duration:0.5s;
  444. -o-transition-duration:0.5s;
  445. }
  446.  
  447.  
  448. #box a {
  449. position:fixed;
  450. padding:3px;
  451. background-color:#f4f4f4;
  452. color:#555;
  453. border:1px solid #e2e2e2;
  454. right:10px;
  455. bottom:10px;
  456. -webkit-transition: all 0.8s ease-in-out;
  457. -moz-transition: all 0.8s ease-in-out;
  458. -o-transition: all 0.8s ease-in-out;
  459. transition: all 0.8s ease-in-out;
  460. }
  461.  
  462. #box a:hover {
  463. color:#bbb;
  464. background-color:#e2e2e2;
  465. -moz-transform:rotate(360deg);
  466. -webkit-transform:rotate(360deg);
  467. -o-transform:rotate(360deg);
  468. -ms-transform:rotate(360deg);
  469. transform:rotate(360deg);
  470. -webkit-transition: all 0.8s ease-in-out;
  471. -moz-transition: all 0.8s ease-in-out;
  472. -o-transition: all 0.8s ease-in-out;
  473. transition: all 0.8s ease-in-out;
  474. }
  475.  
  476. </style>
  477. </head>
  478. <body>
  479.  
  480. <!--html code begins-->
  481.  
  482. <div id="container">
  483.  
  484. <div id="image">
  485.  
  486. <!--HERE IS WHERE you can change the image on the left. Follow these steps:
  487. - If you don't have an image already uploaded, upload it somewhere on the internet, there are lots of sites like flickr.com or tinypic.com where you can do that.
  488.  
  489. - Once you've uploaded the image, right click it and select 'Copy Link Address'. This is the URL of the image. Basically it should be of the form
  490. http://website.com/something/image.jpg
  491.  
  492. - Paste this URL in the following code after removing the previous link. i.e. <img src="HERE">
  493.  
  494. - Make sure that you keep the inverted commas intact or else it won't work!
  495.  
  496. - Preferred image size is 250px by 550px. It might not look good if the image isn't within that range.
  497.  
  498. -->
  499.  
  500. <img src="https://dl.dropboxusercontent.com/s/5i975z9ubr4rgp9/tumblr_inline_mky3bzzJQg1rikao3250px540px.jpg">
  501.  
  502.  
  503. <!---image section ends----->
  504.  
  505. <!--links section begins---->
  506.  
  507. <div class="links">
  508. <a href="/">go back</a><br>
  509. <a href="http://tumblr.com/dashboard">dashboard</a><br>
  510. <a href="http://elsewheretales.tumblr.com">theme</a>
  511. </div>
  512.  
  513. <!--links section ends-->
  514.  
  515. <!------------------------quote space begins------------------------------>
  516.  
  517. <!--This is where you can write your quote, intro or anything. Just delete the stuff I've written and replace it with your own.-->
  518.  
  519.  
  520. <div class="words">
  521.  
  522.  
  523. write some shit here. It can be just a little intro about yourself or a quote you've been inspired by. Anything works.
  524.  
  525.  
  526. </div>
  527. </div>
  528.  
  529. <!--topbar links-->
  530.  
  531. <div id="topbar">
  532.  
  533. <a class="A" href="#">about.</a>
  534. <a class="B" href="#">mail.</a>
  535. <a class="C" href="#">tags.</a>
  536. <a class="D" href="#">links.</a>
  537. <a class="E" href="#">blogroll.</a>
  538. </div>
  539.  
  540. <!--for when no class is clicked-->
  541.  
  542. <div id="content">
  543. <div style="padding-top:120px;"></div>
  544.  
  545.  
  546.  
  547. <!--This is the big broad NAVIGATION word that appears when you haven't clicked anything. You can change this here, replace with your own words if you want. But don't make it too long, it'll overflow and won't look nice-->
  548.  
  549. <h3> - Navigation - </h3>
  550.  
  551. </div>
  552.  
  553. <!--about section begins here -->
  554.  
  555. <div class="un" style="display:none;">
  556. <div id="content">
  557. <h2>bio</h2>
  558. <div class="aboutdetails">
  559. <div class="abouticon"><img src="{PortraitURL-64}"></div>
  560.  
  561. <!--------DELETE MY STUFF AND START FILLING YOUR INFO FROM HERE! :)------>
  562.  
  563. <b>Name:</b> Sanika <br>
  564. <b>Age:</b> 1742 years <br>
  565. <b>Location:</b> Gondor, Middle-Earth <br>
  566. <b>Currently:</b> Ranger of the North at Gondor <br>
  567.  
  568.  
  569. </div>
  570.  
  571.  
  572. <!----------------START FILLING YOUR DESCRIPTION HERE-------------------->
  573. <div style="text-indent:20px;">
  574. <div class="desc">
  575. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet eget velit id porttitor. Praesent bibendum faucibus pretium. Ut faucibus eu purus a gravida. Nulla at dignissim lacus, at placerat purus. Suspendisse lacinia metus ut commodo ultricies. Phasellus eu congue dolor, in cursus lacus. Nulla ut lobortis purus. Ut sit amet quam in metus dignissim adipiscing. Donec eu enim tellus. In malesuada dapibus nulla, eu iaculis ipsum porta vel.
  576. <br><br>
  577. Morbi vitae lacus ac ante euismod mollis. In vestibulum sapien velit, quis ultricies lorem imperdiet sed. Vivamus mattis tellus ac elit adipiscing porta. Donec blandit eu est ac venenatis. Fusce a est malesuada, pulvinar lorem non, varius leo. Suspendisse rutrum elit non varius blandit. Suspendisse lobortis eu ligula in sodales
  578.  
  579.  
  580. </div>
  581. </div>
  582. </div>
  583. </div>
  584.  
  585. <!--about section is finished-->
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595. <!--ask/faq section begins here-->
  596.  
  597. <div class="deux" style="display:none;">
  598. <div id="content">
  599.  
  600. <!----------------CHANGE THE TITLE IF YOU WANT TO
  601. Replace my questions, answers by our own text----------------------->
  602.  
  603. <h2> questions? </h2>
  604.  
  605.  
  606. <!--Also, in the following code, don't forget
  607. - to replace the word 'USERNAME' with your own username or else the ask box won't show up!
  608. - make sure your ask box is enabled! Very important!-->
  609.  
  610.  
  611. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/USERNAME.tumblr.com" width="100%"></iframe>
  612.  
  613.  
  614. <!---F.A.Q. begins here. if you don't want it just delete the whole thing from HERE-------->
  615.  
  616.  
  617.  
  618. <div style="padding-top:10px;"></div>
  619.  
  620. <h4>Who/what are you?</h4>
  621. <div class="desc">
  622.  
  623. I am just a girl who is bored during the vacations and hence spends hours after hours on this website laughing at people in banana costumes.
  624.  
  625. </div>
  626.  
  627. <h4>Who are your inspirations?</h4>
  628. <div class="desc">
  629.  
  630. I am hugely inspired, in the field of art, by Michaelangelo and Mary Cassatt. Okay, I'm just writing random questions and answers to let you know how it looks like.
  631.  
  632. </div>
  633.  
  634. <h4>What is the difference between metals and their alloys?</h4>
  635. <div class="desc">
  636.  
  637. A metal is found in its pure state while an alloy is a mixture of different metals.
  638.  
  639. </div>
  640.  
  641. <h4>Dirtiest piece of literature you've ever read?</h4>
  642. <div class="desc">
  643.  
  644. Chaucer. That guy's a perv.
  645. </div>
  646.  
  647. <h4>Question five</h4>
  648. <div class="desc">
  649.  
  650. Answer.
  651.  
  652. </div>
  653.  
  654. <h4>Question six</h4>
  655. <div class="desc">
  656.  
  657. Answer.
  658.  
  659. </div>
  660.  
  661. <h4>Question seven</h4>
  662. <div class="desc">
  663.  
  664. Answer.
  665.  
  666. </div>
  667.  
  668. <h4>Question eight</h4>
  669. <div class="desc">
  670.  
  671. Answer.
  672.  
  673. </div>
  674.  
  675. <!--F.A.Q. section ends here. If you don't need it delete it till here.-->
  676.  
  677. </div>
  678. </div>
  679.  
  680.  
  681. <!--tags start here-->
  682.  
  683. <div class="trois" style="display:none;">
  684. <div id="content">
  685. <div id="tagcontainer">
  686.  
  687. <!--FIRST LINE--->
  688.  
  689. <!------------------------CHANGE TITLE OF FIRST LINE HERE---------------->
  690.  
  691. <h1> miscellanea </h1>
  692.  
  693. <!----------------------------------------------------------------------->
  694.  
  695. <div class="tagbox">
  696. <div class="tags">
  697.  
  698. <a href="/tagged/">art</a> -
  699. <a href="/tagged/">quotes</a> -
  700. <a href="/tagged/">history</a> -
  701. <a href="/tagged/">photography</a> -
  702. <a href="/tagged/">tag name</a> -
  703. <a href="/tagged/">tag name</a> -
  704. <a href="/tagged/">tag name</a> -
  705. <a href="/tagged/">tag name</a> -
  706. <a href="/tagged/">tag name</a> -
  707.  
  708. <!--Copy and paste this block if thse will be proving insufficient for you-->
  709. <a href="/tagged/">tag name</a> -
  710. <a href="/tagged/">tag name</a> -
  711. <a href="/tagged/">tag name</a> -
  712. <a href="/tagged/">tag name</a> -
  713. <a href="/tagged/">tag name</a> -
  714. <a href="/tagged/">tag name</a> -
  715. <a href="/tagged/">tag name</a> -
  716. <a href="/tagged/">tag name</a> -
  717. <a href="/tagged/">tag name</a> -
  718. <a href="/tagged/">tag name</a> -
  719. <a href="/tagged/">tag name</a> -
  720. <a href="/tagged/">tag name</a> -
  721. <a href="/tagged/">tag name</a> -
  722. <a href="/tagged/">tag name</a> -
  723. <a href="/tagged/">tag name</a> -
  724. <a href="/tagged/">tag name</a> -
  725.  
  726. <!---------------end of copy paste block------------------------------>
  727.  
  728. </div>
  729. </div>
  730. </div>
  731.  
  732. <!--end of first line-->
  733.  
  734. <div style="margin-top:20px;"></div>
  735.  
  736. <!--start of second line-->
  737.  
  738. <!---------------------CHANGE TITLE OF SECOND LINE HERE------------------->
  739.  
  740. <h1> people </h1>
  741.  
  742. <!------------------------------------------------------------------------>
  743. <div id="tagcontainer">
  744. <div id="tagbox">
  745. <div class="tags">
  746. <a href="/tagged/martin freeman">martin freeman</a> -
  747. <a href="/tagged/cabbagepatch">benedict cumberbatch</a> -
  748. <a href="/tagged/hiddles">tom hiddleston</a> -
  749. <a href="/tagged/jlaw">jennifer lawrence</a> -
  750. <a href="/tagged/dancy">hugh dancy</a> -
  751. <a href="/tagged/mikkelsen">mads mikkelsen</a> -
  752. <a href="/tagged/downey">robert downey jr.</a> -
  753. <a href="/tagged/scarjo">scarlett johansson</a> -
  754. <a href="/tagged/">tag name</a> -
  755. <a href="/tagged/">tag name</a> -
  756. <a href="/tagged/">tag name</a> -
  757. <a href="/tagged/">tag name</a> -
  758. <a href="/tagged/">tag name</a> -
  759. <a href="/tagged/">tag name</a> -
  760. <a href="/tagged/">tag name</a> -
  761. <a href="/tagged/">tag name</a> -
  762. <a href="/tagged/">tag name</a> -
  763. <a href="/tagged/">tag name</a> -
  764. <a href="/tagged/">tag name</a> -
  765. <a href="/tagged/">tag name</a> -
  766. <a href="/tagged/">tag name</a> -
  767. <a href="/tagged/">tag name</a> -
  768. <a href="/tagged/">tag name</a> -
  769. <a href="/tagged/">tag name</a> -
  770.  
  771.  
  772. </div>
  773. </div>
  774. </div>
  775. <!--end of second line-->
  776.  
  777. <div style="margin-top:20px;"></div>
  778.  
  779. <!--third line begins-->
  780.  
  781. <!------------------CHANGE TITLE OF THE THIRD LINE HERE------------------>
  782.  
  783. <h1> television </h1>
  784. <!----------------------------------------------------------------------->
  785. <div id="tagcontainer">
  786. <div id="tagbox">
  787. <div class="tags">
  788. <a href="/tagged/">doctor who</a> -
  789. <a href="/tagged">game of thrones</a> -
  790. <a href="/tagged/">bbc sherlock</a> -
  791. <a href="/tagged/">nbc hannibal</a> -
  792. <a href="/tagged/">cbs elementary</a> -
  793. <a href="/tagged/">merlin</a> -
  794. <a href="/tagged/">tag name</a> -
  795. <a href="/tagged/">tag name</a> -
  796. <a href="/tagged/">tag name</a> -
  797. <a href="/tagged/">tag name</a> -
  798. <a href="/tagged/">tag name</a> -
  799. <a href="/tagged/">tag name</a> -
  800. <a href="/tagged/">tag name</a> -
  801. <a href="/tagged/">tag name</a> -
  802. <a href="/tagged/">tag name</a> -
  803. <a href="/tagged/">tag name</a> -
  804. <a href="/tagged/">tag name</a> -
  805.  
  806. </div>
  807. </div>
  808. </div>
  809.  
  810. <!--end of third line-->
  811.  
  812. <div style="margin-top:20px;"></div>
  813.  
  814. <!--fourth line begins-->
  815.  
  816. <!------------------CHANGE TITLE OF THE FOURTH LINE HERE------------------>
  817.  
  818. <h1> film </h1>
  819. <!----------------------------------------------------------------------->
  820. <div id="tagcontainer">
  821. <div id="tagbox">
  822. <div class="tags">
  823. <a href="/tagged/">harry potter</a> -
  824. <a href="/tagged">lord of the rings</a> -
  825. <a href="/tagged/">the hobbit</a> -
  826. <a href="/tagged/">the hunger games</a> -
  827. <a href="/tagged/">marvel</a> -
  828. <a href="/tagged/">other films</a> -
  829. <a href="/tagged/">tag name</a> -
  830. <a href="/tagged/">tag name</a> -
  831. <a href="/tagged/">tag name</a> -
  832. <a href="/tagged/">tag name</a> -
  833. <a href="/tagged/">tag name</a> -
  834. <a href="/tagged/">tag name</a> -
  835. <a href="/tagged/">tag name</a> -
  836. <a href="/tagged/">tag name</a> -
  837. <a href="/tagged/">tag name</a> -
  838. <a href="/tagged/">tag name</a> -
  839. <a href="/tagged/">tag name</a> -
  840.  
  841. </div>
  842. </div>
  843. </div>
  844.  
  845.  
  846. <!------------------CHANGE TITLE OF THE FIFTH LINE HERE-----------------------also you can use this is the default copy paste section if you want more sections, begin copy paste from here------------------------------------------------------------------->
  847. <div style="margin-top:20px;"></div>
  848.  
  849. <h1> other </h1>
  850. <!----------------------------------------------------------------------->
  851. <div id="tagcontainer">
  852. <div id="tagbox">
  853. <div class="tags">
  854.  
  855. <a href="/tagged/">tag name</a> -
  856. <a href="/tagged/">tag name</a> -
  857. <a href="/tagged/">tag name</a> -
  858. <a href="/tagged/">tag name</a> -
  859. <a href="/tagged/">tag name</a> -
  860. <a href="/tagged/">tag name</a> -
  861. <a href="/tagged/">tag name</a> -
  862. <a href="/tagged/">tag name</a> -
  863. <a href="/tagged/">tag name</a> -
  864. <a href="/tagged/">tag name</a> -
  865. <a href="/tagged/">tag name</a> -
  866.  
  867. </div>
  868. </div>
  869. </div>
  870.  
  871. <!------------end of copy paste---------->
  872.  
  873.  
  874.  
  875.  
  876.  
  877.  
  878. <br>
  879. </div>
  880. </div>
  881.  
  882.  
  883.  
  884.  
  885.  
  886. <!--links section begins-->
  887.  
  888. <div class="quatre" style="display:none;">
  889. <div id="content">
  890. <div id="link">
  891.  
  892. <!---------------------CHANGE FIRST TITLE HERE----------------------------> <h1> find me </h1>
  893. <!------------------------------------------------------------------------>
  894. <a href="/">facebook</a>
  895. <a href="/">twitter</a>
  896. <a href="/">instagram</a>
  897. <a href="/">goodreads</a>
  898. <a href="/">8tracks</a>
  899. <a href="/">link</a>
  900. <a href="/">link</a>
  901.  
  902.  
  903. <!-----------------CHANGE SECOND TITLE HERE-------------------------------> <h1> my works </h1>
  904. <!------------------------------------------------------------------------>
  905.  
  906. <a href="/">edits</a>
  907. <a href="/">gifs</a>
  908. <a href="/">audio</a>
  909. <a href="/">fanfiction</a>
  910. <a href="/">link</a>
  911. <a href="/">link</a>
  912. <a href="/">link</a>
  913.  
  914. <!-----------------CHANGE THIRD TITLE HERE, also use this as the default copy paste section----------------------------------------------------->
  915. <h1> other stuff </h1>
  916.  
  917. <!------------------------------------------------------------------------>
  918.  
  919. <a href="/">meow</a>
  920. <a href="/">woof</a>
  921. <a href="/">neigh</a>
  922. <a href="/">chirp</a>
  923. <a href="/">link</a>
  924. <a href="/">link</a>
  925. <a href="/">link</a>
  926.  
  927.  
  928.  
  929.  
  930. </div>
  931. </div>
  932. </div>
  933.  
  934. <!--links section ends--->
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941.  
  942. <!---BLOGROLL starts here. It is strongly advised that you do not touch this stuff unless you're experienced in html!---------------------------------->
  943.  
  944. <div class="cinq" style="display:none;">
  945. <div id="content">
  946.  
  947. <div id="broll">{block:Following}{block:Followed}
  948. <div id="icon"><a title="{FollowedName}" href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" align="left"></a></div>
  949. {/block:Followed}{/block:Following}
  950.  
  951. </div>
  952. </div>
  953. </div>
  954.  
  955. <!---end of blogroll section-->
  956.  
  957.  
  958.  
  959.  
  960.  
  961.  
  962.  
  963. <!--SO this ends the whole code. Finally. Thanks for using my theme!------------->
  964.  
  965.  
  966. </div>
  967. </div>
  968.  
  969. <!--credit-->
  970.  
  971. <div id="box"><a href="http://elsewheretales.tumblr.com">ET</div>
  972.  
  973. </body>
  974. </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!