API tools faq
paste
Advertisement
Kaiju-Koi

Drop down menu blog

Kaiju-Koi
Aug 29th, 2014
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.36 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4.  
  5.  
  6. <link rel="shortcut icon" href="{Favicon}" />
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  8. <title>{Title}</title>
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!-- DEFAULTS, this it the area that you can add color, images, if show captions, stuff like that -->
  12.  
  13.  
  14. <meta name="color:text" content="#fff" />
  15. <meta name="color:link hover" content="#e17b63" />
  16. <meta name="color:link" content="#fff" />
  17. <meta name="color:title color" content="#fff">
  18. <meta name="color:topbar1" content="#000">
  19. <meta name="color:topbar2" content="#222">
  20. <meta name="color:topbar3" content="#333">
  21. <meta name="color:topbar4" content="#666">
  22. <meta name="color:topbar5" content="#999">
  23. <meta name="color:post color" content="#000">
  24.  
  25. <meta name="image:optional pic">
  26.  
  27. <meta name="text:background url" content=""/>
  28.  
  29. <meta name="text:link1url" content="url" />
  30. <meta name="text:link 1 name" content="name" />
  31.  
  32. <meta name="text:link2url" content="url" />
  33. <meta name="text:link 2 name" content="name" />
  34.  
  35. <meta name="text:link3url" content="url" />
  36. <meta name="text:link 3 name" content="name" />
  37.  
  38. <meta name="text:link4url" content="url" />
  39. <meta name="text:link 4 name" content="name" />
  40.  
  41. <meta name="text:link5url" content="url" />
  42. <meta name="text:link 5 name" content="name" />
  43.  
  44. <meta name="text:link6url" content="url" />
  45. <meta name="text:link 6 name" content="name" />
  46.  
  47. <meta name="text:link7url" content="url" />
  48. <meta name="text:link 7 name" content="name" />
  49.  
  50.  
  51.  
  52.  
  53. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  54.  
  55.  
  56. </head>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. body {color:{color:text}; font-family:verdana; font-size:11px; line-height:17px; text-align:justify; background-image:url({text:background url}); background-attachment:fixed; }
  62.  
  63. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  64.  
  65. a:hover {
  66. color:{color:link hover};-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; letter-spacing:2px;}
  67.  
  68. #title { text-decoration:uppercase;
  69.  
  70. }
  71.  
  72. h1 {font-size:15px;}
  73.  
  74.  
  75. p{margin-top:6px; margin-bottom:6px}
  76.  
  77. blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
  78.  
  79. img a{border:none; width:100%;}
  80.  
  81. #float left {
  82. position:fixed; top: 30%;
  83. right: px;
  84. }
  85.  
  86. #container {background-color:transparent; width: 400px; margin: 0 auto -10px auto}
  87.  
  88. /* the overall entries container and position of it */
  89.  
  90. #entries {margin-left:210px; text-align: justify;}
  91.  
  92. /* here are your posts to customize!! */
  93.  
  94. #posts {margin: 90px 0 0px 0; width: 400px;text-align: justify; padding: 10px; left:20%;background-color:{color:post color};
  95. }
  96.  
  97. #posts img {width:100%;}
  98.  
  99.  
  100.  
  101. #sidebar1{ position:fixed; width:700px; height:60px; left:0px;overflow:hidden;top:0px; background-color:{color:topbar1};
  102. }
  103.  
  104. #sidebar0{ position:fixed; width:200px; height:60px; left:0px;overflow:hidden;top:0px; background-color:{color:topbar1};
  105. }
  106.  
  107. #sidebar0:hover{ position:fixed; width:200px; height:400px; left:0px;overflow:hidden;top:0px; background-color:{color:topbar1};-webkit-transition: all 0.4s linear;
  108. -moz-transition: all 0.4s linear; transition: all 0.4s linear;
  109. }
  110.  
  111. #sidebar2{ position:fixed; width:100px; height:60px; left:700px;overflow:hidden;top:0px; background-color:{color:topbar2};
  112. }
  113.  
  114. #sidebar2:hover{ position:fixed; width:100px; height:300px; left:700px;overflow:hidden;top:0px; background-color:{color:topbar2};-webkit-transition: all 0.4s linear;
  115. -moz-transition: all 0.4s linear; transition: all 0.4s linear;
  116. }
  117.  
  118. #sidebar3{ position:fixed; width:100px; height:60px; left:800px;overflow:hidden;top:0px; background-color:{color:topbar3};
  119. }
  120.  
  121. #sidebar3:hover{ position:fixed; width:100px; height:300px; left:800px;overflow:hidden;top:0px; background-color:{color:topbar3};
  122. -transition: all 0.4s linear;
  123. -moz-transition: all 0.4s linear; transition: all 0.4s linear;
  124. }
  125.  
  126. #sidebar4{ position:fixed; width:100px; height:60px; left:900px;overflow:hidden;top:0px; background-color:{color:topbar4};
  127. }
  128.  
  129. #sidebar4:hover{ position:fixed; width:100px; height:300px; left:900px;overflow:hidden;top:0px; background-color:{color:topbar4};-transition: all 0.4s linear;
  130. -moz-transition: all 0.4s linear; transition: all 0.4s linear;
  131. }
  132.  
  133. #sidebar6{ position:fixed; width:100px; height:60px; left:1000px;overflow:hidden;top:0px; background-color:{color:topbar5};
  134. }
  135.  
  136.  
  137. #sidebar5{ position:fixed; width:1000px; height:60px; left:1100px;overflow:hidden;top:0px; background-color:{color:topbar5};
  138. }
  139.  
  140.  
  141. #sidebar7{ position:fixed; width:300px; height:300px; left:700px;overflow:hidden;top:300px;
  142. }
  143.  
  144. #sidebar7 img{ position:fixed; width:300px; height:300px; left:700px;overflow:hidden;top:300px; max-width:280px; max-height:280px; width:auto; height:auto;
  145. }
  146.  
  147.  
  148.  
  149.  
  150.  
  151. h2 {
  152. font-family:helvetica; font-weight:100; line-height:17px;
  153. }
  154.  
  155. #pagination {font-family:calibri; text-align:center; font-size:24px; margin-bottom:2px;}
  156.  
  157.  
  158. #info{padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:10px; font-family:verdana; text-transform:uppercase;}
  159.  
  160. .audio{background-color:black; display:block}
  161.  
  162. /* this is your chats, you can stylize however you want */
  163.  
  164. .user_1 .label {color:{color:link}; font-weight:bold}
  165. .user_2 .label {color:{color:text}; font-weight:italic}
  166. .user_3 .label {color:{color:link}; font-weight:text}
  167.  
  168.  
  169. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  170.  
  171. .notes img{width:10px; position:relative; top:1px}
  172. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  173.  
  174.  
  175. </style>
  176.  
  177. <!-- this is the area where everything comes to life and you have to code all the stuff you stylized. so i already got you like 10% started. or something, maybe more. i was never good at math anyway. -->
  178.  
  179.  
  180.  
  181. <body>
  182. <div id="sidebar7"><br>
  183. <img src="{image:optional pic}">
  184. </div>
  185. <div id="sidebar1"></div>
  186. <div id="sidebar0"><br>
  187. <font size="4" style="PADDING-LEFT: 5px">{title}</font>
  188. <br><br><br><center>
  189. {description}</center>
  190. </div>
  191.  
  192.  
  193.  
  194. <div id="sidebar2"><br><br>
  195. <center>NAVIGATION
  196. <br><br><br>
  197. <a href="/">HOME</a><br>
  198. <a href="/ask">ASK</a><br>
  199. </center>
  200. </div>
  201.  
  202.  
  203. <div id="sidebar3"><br><br>
  204. <center>LINKS
  205. <br><br><br>
  206.  
  207. <a href="{text:link1url}">{text:link 1 name}</a><br>
  208. <a href="{text:link1ur2}">{text:link 2 name}</a><br>
  209. <a href="{text:link1ur3}">{text:link 3 name}</a><br>
  210. <a href="{text:link1ur4}">{text:link 4 name}</a><br>
  211. <a href="{text:link1ur5}">{text:link 5 name}</a><br>
  212. <a href="{text:link1ur6}">{text:link 6 name}</a><br>
  213. <a href="{text:link1ur7}">{text:link 7 name}</a><br>
  214.  
  215. </center>
  216. </div>
  217. <div id="sidebar4"><center><br><br>
  218. EXTRA<br><br><br>
  219.  
  220.  
  221.  
  222.  
  223.  
  224. Whatever else you want to add can go in here
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231. </center>
  232. </div>
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251. <div id="sidebar5"><br>
  252. </div>
  253. <div id="sidebar6"><br>
  254. </div>
  255.  
  256.  
  257.  
  258. <div id="entries">
  259. {block:posts}
  260.  
  261. <div id="posts">
  262. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  263.  
  264.  
  265. {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
  266.  
  267. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  268. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  269.  
  270. {block:Photo}<center><img src="{PhotoURL-400}"/></center>
  271. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  272.  
  273. {block:Photoset}<center>{Photoset-400}</center>
  274. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  275.  
  276. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  277.  
  278. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  279.  
  280. {block:Answer}{Asker} whispered: {Question}<br>{Answer}{/block:Answer}
  281.  
  282.  
  283. {block:Audio}{AudioPlayerWhite}<br>
  284. {block:Caption}{Caption}{/block:Caption} {/block:Audio}
  285.  
  286. <center>
  287. <div id="info">
  288.  
  289.  
  290.  
  291. {block:Date}<a href="{Permalink}">▼<br></a>{/block:Date}{block:NoteCount}<a href="{Permalink}"></a>{/block:NoteCount}</center><p>
  292.  
  293. <center>
  294. </div>
  295.  
  296. {/block:Posts}
  297.  
  298. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  299. </div>
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306. </div></center>
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317. </div>
  318.  
  319. </body>
  320. </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!