API tools faq
paste
Advertisement
flyawayfromzayn

Base Code #01 by Hayley

flyawayfromzayn
May 12th, 2014
260
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.07 KB | None | 0 0
raw download clone embed print report
  1. <DOCTYPE html>
  2. <html>
  3. <!--base code and tutorial by flyawayfromzayn.tumblr.com-->
  4. <!--You do not have to keep the credit to me on here but if someone were to ask you where you got it, could you point them to me? Thanks.-->
  5. <head>
  6. <!--this makes stuff like infinite scrolling work-->
  7. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDecription}">
  13. {/block:Description}
  14. <!--These are the presets. They are what makes things show up on the page it first goes to when you go to customize. -->
  15. <meta name="color:Background" content="#ffffff">
  16. <meta name="font:body" content="">
  17. <meta name="color:Text" content="#000000">
  18. <meta name="image:sidebar img" content="">
  19. <meta name="Link1URL" content="/">
  20. <meta name="Link1Title" content="/">
  21. <meta name="Link2URL" content="/">
  22. <meta name="Link2Title" content="/">
  23. <meta name="Link3URL" content="/">
  24. <meta name="Link3Title" content="/">
  25. <meta name="Link4URL" content="/">
  26. <meta name="Link4Title" content="/">
  27. <meta name="color:Links" content="">
  28. <meta name="text:bigletter" content="Put your name here">
  29. <meta name="color:first letter background" content="#dadada"/>
  30. <meta name="font:title" content="">
  31. <meta name="text:Updates" content="These are your updates.">
  32.  
  33. <!--this is what the web page goes through to know where and how to show everything.-->
  34.  
  35.  
  36. ::-webkit-scrollbar-thumb:vertical {border:1px solid #fff;height:12px; background-color:#838282;}
  37. ::-webkit-scrollbar {background-color:#838282;height:7px;width:12px;border:5px solid #fff;}
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. body {
  43. background:{color:Background};
  44. font-family:{font:Body};
  45. font-size:11px;
  46. color:{color:Text};
  47. text-transform:none;
  48. }
  49.  
  50. a {
  51. text-decoration:none;
  52. color:#484848;
  53. margin:10px;
  54. }
  55.  
  56. a:link, a:active, a:visited {
  57. text-decoration: none;
  58. color: {color:link};
  59. -moz-transition-duration:1s;
  60. -webkit-tran
  61. sition-duration:1s;
  62. -o-transition-duration:1s;
  63. }
  64.  
  65. a:hover {
  66. text-decoration:line-through;
  67. color:#303030;
  68. -moz-transition-duration:1s;
  69. -webkit-tran
  70. sition-duration:1s;
  71. -o-transition-duration:1s;
  72. }
  73.  
  74. h1 {
  75. font-family:Ariel;
  76. text-align:center;
  77. text-transform:uppercase
  78. }
  79. h2 {
  80. font-family:{font:Body}
  81. text-align:center;
  82. text-transform:lowercase;
  83. }
  84. #title {
  85. position:fixed;
  86. margin-top:0px;
  87. height:60px;
  88. width:100%;
  89. font-size:20px;
  90. text-align:center;
  91. font-weight:normal;
  92. background:{color:first letter background};
  93. color:#ffffff;
  94. float:center;
  95. font:{font:title};
  96. -moz-transition-duration:1s;
  97. -webkit-tran
  98. sition-duration:1s;
  99. -o-transition-duration:1s;
  100. }
  101. #sidebar {
  102. position:fixed;
  103. height:100%;
  104. width:200px;
  105. padding:8px;
  106. }
  107. #sidebar img {
  108. height:350px;
  109. width:175px;
  110. border-top:300px;
  111. padding:10px;
  112. border-radius:100px
  113. }
  114.  
  115. #description {
  116. font:Ariel;
  117. overflow:scroll;
  118. max-height:100px;
  119. max-width:250px;
  120. text-align:center;
  121. font-size:12px;
  122. }
  123.  
  124. #pagination {
  125. background:black;
  126. color:white;
  127. }
  128.  
  129. #links {
  130. text-align:center;
  131. position:fixed;
  132. margin-top:5px;
  133. margin-left:600px;
  134. padding:3px;
  135.  
  136. }
  137.  
  138.  
  139. #links a{
  140. display:inline-block;
  141. background:#202020;
  142. padding:7px;
  143. color:{color:Link};
  144. --moz-transition-duration:1s;
  145. -webkit-tran
  146. sition-duration:1s;
  147. -o-transition-duration:1s;
  148.  
  149. }
  150.  
  151. #links a:hover{
  152. color:{color:Background};
  153. background:#303030;
  154. -moz-transition-duration:1s;
  155. -webkit-tran
  156. sition-duration:1s;
  157. -o-transition-duration:1s;
  158.  
  159. }
  160.  
  161.  
  162. #entries {
  163. font-size:10px;
  164. margin-left: 390px;
  165. margin-top:40px;
  166. float: right;
  167. text-align: justify;
  168. }
  169.  
  170. #post {
  171. font-size:10px;
  172. padding: 5px;
  173. margin-bottom:30px;
  174. width: 500px;
  175. color:{color:Body};
  176. text-align: left;
  177. overflow:hidden;
  178. }
  179.  
  180. #info {
  181. padding: 5px;
  182. border-top:1px solid black;
  183. }
  184.  
  185.  
  186. #credit a{
  187. position:fixed;
  188. right:3px;
  189. bottom:3px;
  190. padding:4px;
  191. background:white;
  192. font-size:11px;
  193. color:black;
  194. -moz-transition-duration:1s;
  195. -webkit-tran
  196. sition-duration:1s;
  197. -o-transition-duration:1s;
  198. }
  199.  
  200. #credit a:hover {
  201. opacity:1;
  202. color:white;
  203. background:black;
  204. -moz-transition-duration:1s;
  205. -webkit-transition-duration:1s;
  206. -o-transition-duration:1s;
  207. }
  208.  
  209. </style>
  210. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  211. </head>
  212. <!--this is what makes everything in the webpage function. It is pretty much the basis of a website.-->
  213. <body>
  214. <center><div id="title">{Title}</div></center>
  215. <div id="sidebar">
  216. <div id="links">
  217. <a href="{text:Link1URL}">{text:Link1Title}</a><br>
  218. <a href="{text:Link2URL}">{text:Link2Title}</a><br>
  219. <a href="{text:Link3URL}">{text:Link3Title}</a><br>
  220. <a href="{text:Link4URL}">{text:Link4Title}</a><br>
  221. </div>
  222. <div id="sidebar img"><img src="{image:sidebar img}"/></a></div>
  223. <div id="description">{Description}
  224. </div>
  225. <center>
  226. {block:PreviousPage}<a href="{PreviousPage}"><font-size="12">«</font></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"><font-size="12">»</font></a>{/block:NextPage}
  227. </center></div>
  228.  
  229. <div id="entry">
  230. <div class= "autopagerize_page_element">
  231. {block:Posts}
  232. <div id="post">
  233.  
  234. {block:Text}{Body}{/block:Text}
  235.  
  236. {block:Quote}<h3><i>"</i>{Quote} {Source}</h3>{/block:Quote}
  237.  
  238. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  239. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  240.  
  241. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  242. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  243.  
  244. {block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  245. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  246.  
  247. {block:Answer}
  248. <div class="question">
  249. <b>{Asker}</b> whispered:<br>
  250. {Question}</div>{Answer}
  251. {/block:Answer}
  252.  
  253.  
  254.  
  255. {block:Audio}<span class="audio"><center>{AudioPlayerwhite}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  256.  
  257. <div id="info">this happened <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} • <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">{ReblogParentName}</a>
  258. {block:ContentSource} source <a href="{SourceURL}">{SourceLink}</a>){block:ContentSource}{/block:RebloggedFrom}<br>
  259. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br>
  260. {/block:Posts}</div>
  261.  
  262. {block:PostNotes}{PostNotes}{/block:PostNotes}
  263.  
  264. </body>
  265. <!--You can put your url here-->
  266. <div id="credit"><a href="http://flyawayfromzayn.tumblr.com">Credit</a></div>
  267. </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!