API tools faq
paste
Advertisement
interludethenshivers

Theme 14, About me Page

interludethenshivers
Aug 5th, 2013
3,206
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.42 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Hey this is my theme #14 this is my first "about me" page so i would love if you keep the credit, hope its all clear of how you can edit it and blah blah bla. And some things you may want to know before you edit this
  3.  
  4. °To find something in this code like a word or idk what click:
  5. Ctrl F Then type the word you need to find.
  6.  
  7. °To add your text (idk write about your interesting life) go where
  8. its says "YOUR TEXT STARTS HERE" and you select everything until it
  9. says "YOUR TEXT ENDS HERE".
  10. -To add a link: <a href="/your url" title="TITLE OF THE LINK">
  11. the name of your link </a>
  12. -Bold: <b> your words on bold </b>
  13. -Italic: <i> your words on italic </i>
  14. -Underline: <u> blah blah blah </u>
  15. -Small: <small> blaaaaaaaah </small>
  16. -Enter: <br>
  17. -Big: <big> wow this is so not obvious </big>
  18. -To make a list:
  19. <li>un</li>
  20. <li>deux</li>
  21. <li>trois</li>
  22.  
  23. °Then, to add your quote you go to "QUOTE" and select everything
  24. after <i> until </i> you erase that and write you deep quote. And to
  25. write the source of your quote you remove the "Jane Austen" name and
  26. you write you author, alien, mermaid or whatever.
  27.  
  28. °Now lets go with the links, this is eazy brezee. You go to "HERE YOU
  29. ADD YOUR LINKS" and you do this with every link:
  30. <a href="/YOUR URL">TITLE OF YOUR LINK </a> yep and thats pretty much
  31. all with the links.
  32.  
  33. °And for the currently reading/watching... i think no one is gonna
  34. read this so, by bye. And if theres someone that actually is reading
  35. this to change that is basic so bye.
  36.  
  37. THEME BY INTERLUDETHEMES.TUMBLR.COM
  38. -->
  39. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  40. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  41. <head>
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46. ::-webkit-scrollbar {background-color:#fff; height:4px; width:4px}
  47. ::-webkit-scrollbar-thumb:vertical {background-color:#c4d5c3; height:50px}
  48. ::-webkit-scrollbar-thumb:horizontal {background-color:#c4d5c3; height:4px!important}
  49.  
  50.  
  51. ::selection {
  52. background: #c4d5c3;
  53. color:#fff;
  54. -webkit-transition: all 0.2s linear;
  55. -webkit-transition: all 0.2s linear;
  56. -moz-transition: all 0.2s linear;
  57. transition: all 0.2s linear;
  58. }
  59.  
  60. ::-moz-selection {
  61. background: #c4d5c3;
  62. color:#fff;
  63. -webkit-transition: all 0.2s linear;
  64. -webkit-transition: all 0.2s linear;
  65. -moz-transition: all 0.2s linear;
  66. transition: all 0.2s linear;
  67. }
  68. ::-webkit-selection {
  69. background: #c4d5c3;
  70. color:#fff;
  71. -webkit-transition: all 0.2s linear;
  72. -webkit-transition: all 0.2s linear;
  73. -moz-transition: all 0.2s linear;
  74. transition: all 0.2s linear;
  75. }
  76.  
  77. #s-m-t-tooltip{
  78. font-size: 8px;
  79. max-width:300px;
  80. padding:3px 3px 2px 4px;
  81. margin:20px 0px 0px 20px;
  82. z-index:10;
  83. background-color:#c4d5c3;
  84. font-family:calibri;
  85. letter-spacing:2px;
  86. text-transform:uppercase;
  87. color:#fff;
  88. z-index:999999999999999999999;}
  89.  
  90.  
  91. body {
  92. background-color:#fbfbf5;
  93. color:#9a9a9a;
  94. font-family:calibri;
  95. text-transform:uppercase;
  96. font-size:9px;
  97. line-height:100%;
  98. }
  99.  
  100. a { text-decoration:none;
  101. color:#c4d5c3;
  102. -webkit-transition-duration:1s;
  103. -moz-transition-duration:1s;
  104. -o-transition-duration:1s;
  105. transition-duration:1s; }
  106.  
  107. a:hover {
  108. color:#9a9a9a;
  109. webkit-transition-duration:1s;
  110. -moz-transition-duration:1s;
  111. -o-transition-duration:1s;
  112. transition-duration:1s; }
  113.  
  114. #Frame {
  115. opacity:1;
  116. position:fixed;
  117. margin-left:270px;
  118. margin-top:-130px;
  119. z-index:-1;}
  120.  
  121. #Frame img{
  122. height:650px;
  123. z-index:-1;
  124. }
  125.  
  126. #Title {
  127. color:#c4d5c3;
  128. font-family:Trajan Pro;
  129. font-size:70px;
  130. text-align:center;
  131. position:static;
  132. margin-left:350px;
  133. margin-top:120px;
  134. width:700px;
  135. text-transform:uppercase;
  136. letter-spacing:1px;
  137. }
  138.  
  139. #Basic {
  140. color:#c4d5c3;
  141. position:fixed;
  142. margin-left:600px;
  143. margin-top:-80px;
  144. font-family:Trajan Pro;
  145. font-size:11px;
  146. width:700px;
  147. }
  148.  
  149. #Basic a{
  150. text-transform:uppercase;
  151. color:#c4d5c3;
  152. text-decoration:none;
  153. letter-spacing:1px;
  154. }
  155. #Basic a:hover{
  156. color:#a6bda5;
  157. }
  158.  
  159.  
  160.  
  161. #Text {
  162. padding:5px;
  163. position:fixed;
  164. text-transform:none;
  165. font-family:cambria;
  166. font-size:14px;
  167. color:#9b9b9b;
  168. line-height:160%;
  169. background-color:#fff;
  170. overflow:auto;
  171. text-align:justify;
  172. font-size:9px;
  173. height:250px;
  174. width:585px;
  175. margin-left:400px;
  176. margin-top:90px;
  177. }
  178.  
  179. div#Text::-webkit-scrollbar-thumb{
  180. background-color: #c4d5c3;
  181. border: 2px solid #ffffff;
  182. height:auto;
  183. border-radius:20px;
  184. }
  185.  
  186. div#Text::-webkit-scrollbar {
  187. height:9px;
  188. width:9px;
  189. background-color: #c4d5c3;
  190. border: 4px solid #fff;
  191. border-radius:20px;
  192. }
  193.  
  194. #Text:first-letter {
  195. width:30px;
  196. height:30px;
  197. padding:5px;
  198. margin-bottom:0px;
  199. margin-right:8px;
  200. float:left;
  201. color:#fff;
  202. font-family:times;
  203. font-size:35px;
  204. font-style:italic;
  205. line-height:30px;
  206. text-transform:uppercase;
  207. text-align:center;
  208. background-color:#c4d5c3;
  209. }
  210.  
  211. #Links a{font-size:10px;
  212. text-decoration:none;
  213. font-weight:bold;
  214. padding:5px;
  215. font-family:calibri;
  216. text-transform:uppercase;
  217. letter-spacing:1px;
  218. background-color:#c4d5c3;
  219. color:#fff;
  220. display:inline-block;
  221. width:50px;
  222. padding-top:10px;
  223. padding-bottom:10px;
  224. }
  225.  
  226. #Links a:hover {
  227. color:#c4d5c3;
  228. background-color:#fff;
  229. }
  230.  
  231. </style>
  232.  
  233. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  234.  
  235. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  236.  
  237. <script>
  238. (function($){
  239. $(document).ready(function(){
  240. $("a[title]").style_my_tooltips({
  241.  
  242. tip_follows_cursor:true,
  243. tip_delay_time:90,
  244. tip_fade_speed:600,
  245. attribute:"title"
  246. });
  247. });
  248. })(jQuery);
  249. </script>
  250. </head>
  251.  
  252. <body>
  253.  
  254.  
  255. <div id="Title">
  256. About me
  257. </div>
  258.  
  259. <div id="Basic">
  260. <a href="/">home</a>
  261. <b>•</b>
  262. <a href="/ask">ask</a>
  263. <b>•</b>
  264. <a href="http://www.tumblr.com/dashboard">dash</a>
  265. <b>•</b>
  266. <!--DO NOT REMOVE THIS LINK PLEASE:)-->
  267. <a href="http://persefonne.tumblr.com/">credit</a>
  268. <!--THANK YOU:)-->
  269. </div>
  270.  
  271.  
  272.  
  273. <!--YOUR TEXT STARTS HERE-->
  274. <div id="Text">
  275. <font size="2px">
  276.  
  277. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  278. <br>
  279. <br>
  280. <li>Lorem ipsum dolor sit amet.</li>
  281. <li>Consectetuer adipiscing elit.</li>
  282. <li>Nam at tortor quis ipsum tempor aliquet.</li>
  283. <br>
  284. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.
  285. <br>
  286. <b>Bold</b>, <s>this</s>, <u>underline</u> and <i>italic</i>. This is a <a href="/" title="cute link">link</a>, and no just a normal link, a <big>cute</big> <small>link</small>.
  287.  
  288. <!--YOUR TEXT ENDS HERE-->
  289.  
  290.  
  291. <br><br><br>
  292.  
  293.  
  294. <!--QUOTE-->
  295. <center>
  296. <i>
  297. “In vain have I struggled. It will not do. My feelings will not be repressed. You must allow me to tell you how ardently I admire and love you.”
  298. </i>
  299. </center>
  300.  
  301. <p align="right">
  302. ― Jane Austen, Pride And Prejudice
  303. </p>
  304. <!--END OF YOUR QUOTE-->
  305.  
  306.  
  307.  
  308. <!--HERE YOU ADD YOUR LINKS-->
  309. <div id="Links">
  310. <center>
  311. <a href="/">face</a>
  312. <a href="/">twitter</a>
  313. <a href="/">blogger</a>
  314. <a href="/">b-roll</a>
  315. <a href="/">friends</a>
  316. <a href="/">contact</a>
  317. </center>
  318. </div>
  319. <!--THIS IS THE END OF YOUR LINKS-->
  320.  
  321.  
  322. <br><br>
  323.  
  324.  
  325. <br>
  326.  
  327. <!--CURRENTLY WATCHING/READING-->
  328.  
  329. <center>
  330. <b>Currently Reading:</b> <i>The Iliad -Homer </i>
  331. <br>
  332. <b>Currently Watching:</b> <i>American Horor Story </i>
  333. </center>
  334.  
  335. <!--END OF CURRENTLY WATCHING/READING-->
  336. </font>
  337. </div>
  338.  
  339. <div id="Frame">
  340. <img src="http://static.tumblr.com/kvpds3v/BFamr0ylh/totalartist.jpg">
  341. </div>
  342. <!--THEME BY INTERLUDETHEMES.TUMBLR.COM-->
  343. </body>
  344. </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!