API tools faq
paste
Advertisement
healingsam

healingsam's about page #1

healingsam
May 27th, 2014
3,172
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.04 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------------------------------------------------------------
  2. HEALINGSAM'S ABOUT PAGE #1
  3.  
  4. Optimized for Google Chrome, tested in Firefox.
  5.  
  6. Any questions contact me at http://healingsam.tumblr.com/ask
  7.  
  8. RULES
  9. 1. DO NOT REMOVE OR MOVE THE CREDIT!!
  10. 2. Edit the theme as much as you want, but DO NOT remove the credit!
  11. 3. DO NOT CLAIM AS YOUR OWN.
  12. 4. Basically, do whatever you want to do, but do not remove the credit, and do not edit the link contained within the credit.
  13. --------------------------------------------------------------------------->
  14.  
  15. <html>
  16. <head>
  17.  
  18. <title><!--TITLE ON TAB--></title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22. <style>
  23.  
  24. /*---------------------LINKS--------------------*/
  25.  
  26. a:link /* UNVISITED LINK */
  27. {
  28. color:#6b324d;
  29. text-decoration: none;
  30. }
  31. a:visited /* VISITED LINK */
  32. {
  33. color:#6b324e;
  34. text-decoration: none;
  35. }
  36. a:hover /* HOVERED LINK */
  37. {
  38. color:#938989;
  39. text-decoration: none;
  40. }
  41. a:active /* SELECTED LINK */
  42. {
  43. color:#938989;
  44. text-decoration: none;
  45. }
  46.  
  47. /*------------------BACKGROUND------------------*/
  48.  
  49. body
  50. {
  51. background-color: #fff; /* change the background colour here*/
  52. background-image: ;
  53. }
  54.  
  55. /*-------------------TOP LINKS------------------*/
  56.  
  57. #links
  58. {
  59. margin-top: 118px;
  60. margin-left: 345px; /*548px*/
  61. width: 632px; /*220px*/
  62. font-family: hoefler text;
  63. font-size: 13px;
  64. text-transform: lowercase;
  65. text-align: center;
  66. color: #938989;
  67. position:fixed;
  68. letter-spacing: 2px;
  69. word-spacing: 20px;
  70. border: 1px double;
  71. }
  72.  
  73. /*---------------------TITLE--------------------*/
  74.  
  75. #title
  76. {
  77. margin-top: 55px;
  78. margin-left: 570px;
  79. width: 180px;
  80. font-family: Freestyle Script;
  81. font-size: 38px;
  82. /*text-transform: uppercase;*/
  83. text-align: center;
  84. color: #938989;
  85. position: fixed;
  86. letter-spacing: 2px;
  87. }
  88.  
  89. /*-------------------PICTURE-------------------*/
  90.  
  91. #photo
  92. {
  93. margin-top: 160px;
  94. margin-left: 345px;
  95. position: fixed;
  96. }
  97.  
  98. /*--------------TEXT BOX: LEFT-----------------*/
  99.  
  100. #info
  101. {
  102. margin-top: 374px;
  103. margin-left: 345px;
  104. width: 300px;
  105. height: auto;
  106. background-color: #fff;
  107. border-top: 1px solid #000;
  108. border-bottom: 1px solid #000;
  109. padding-top: 8px;
  110. padding-bottom: 8px;
  111. font-family: cambria;
  112. font-size: 11px;
  113. line-height: 120%;
  114. text-align: center;
  115. color: #938989; /* Change the colour of the words in the box */
  116. position: fixed;
  117. }
  118.  
  119. /*--------------TEXT BOX: RIGHT----------------*/
  120.  
  121. #about {
  122. margin-top: 160px;
  123. margin-left: 680px;
  124. width: 300px;
  125. height: auto;
  126. background-color: #fff;
  127. border-top: 1px solid #000;
  128. border-bottom: 1px solid #000;
  129. padding-top: 8px;
  130. padding-bottom: 8px;
  131. font-family: cambria;
  132. font-size: 11px;
  133. line-height: 120%;
  134. text-align: justify;
  135. color: #938989; /* Change the colour of the words in the box */
  136. position: fixed;
  137. }
  138.  
  139. /*------------------SCROLLBAR------------------*/
  140.  
  141. ::-webkit-scrollbar
  142. {
  143. background-color: #fff;
  144. height: 5px;
  145. width: 7px;
  146. }
  147.  
  148. ::-webkit-scrollbar-thumb:vertical
  149. {
  150. background-color: #000;
  151. height: 50px;
  152. border-radius: 10px;
  153. border: 1px solid #fff;
  154. }
  155.  
  156. ::-webkit-scrollbar-thumb:horizontal
  157. {
  158. background-color: #fff;
  159. height: 5px!important
  160. }
  161.  
  162. </style>
  163.  
  164. </head>
  165.  
  166. <body>
  167.  
  168.  
  169. <!-- TITLE AND MAIN LINKS -->
  170.  
  171. <div id="title">About Me</div>
  172.  
  173. <div id="links">
  174. <a href="/">home</a>
  175. <a href="/ask">ask</a>
  176. <a href="http://www.tumblr.com/dashboard/">dash</a>
  177. <a href="http://healingsam.tumblr.com/">credit</a>
  178.  
  179. </div>
  180.  
  181. <!--REPLACE WITH URL FOR IN-TEXT PHOTO
  182. 210px by 300px pictures look best
  183. Otherwise, alter Height and Width until it looks nice -->
  184.  
  185. <div id="photo">
  186. <img src="https://31.media.tumblr.com/0ad6240ee2a4bc8b2351249fad89e2d0/tumblr_n695gmTG981td3xgeo1_400.jpg" height="210px" width="300px">
  187.  
  188. </div>
  189.  
  190. <div id="info">
  191.  
  192. <!-- Replace with your information -->
  193.  
  194. <pre><b>NAME:</b> yourname</pre>
  195. <pre><b>GENDER:</b> yourgender</pre>
  196. <pre><b>STATUS:</b> yourstatus</pre>
  197. <pre><b>AGE:</b> yourage</pre>
  198. <pre><b>LOCATION:</b> yourlocation</pre>
  199. <pre><b>ZODIAC:</b> yourzodiac</pre>
  200. <!-- Add as many extras as you want to... just copy/paste and edit -->
  201.  
  202. </div>
  203.  
  204. <div id="about">
  205.  
  206. <!-- Now for the fun part! -->
  207.  
  208. Add as much or as little about yourself as you want, but try to keep the bottom border in line with the bottom border in the left block! It'll just look nicer that way. :)
  209. <br><br>
  210. You can also play around with the text by adding <b>BOLD</b>, <i>ITALICS</i>,
  211. <strike>STRIKETHROUGHS</strike>, and <a href="INSERT URL">LINKS</a>. You can also make headers like this!:
  212.  
  213. <h1>Header 1</h1>
  214. <h2>Header 2</h2>
  215. <h3>Header 3</h3>
  216.  
  217. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet enim posuere, imperdiet dui quis, posuere felis. Proin tincidunt posuere consequat. Donec pretium vitae felis sit amet mattis. Quisque dictum metus nec nulla sagittis, vulputate feugiat lacus pellentesque. Phasellus quis velit aliquam, auctor tortor sit amet, elementum tellus. Cras nibh dolor, vulputate vitae urna non, venenatis faucibus dolor. Ut fringilla, turpis ut commodo pretium, augue nulla ullamcorper ante, at volutpat diam mauris non lectus. Integer elementum nulla a diam varius, et varius sem iaculis. Donec non iaculis magna. Sed vel nisl non risus posuere lacinia. Phasellus posuere massa mauris, nec placerat magna ultricies eget. Pellentesque adipiscing tincidunt consequat. Donec quis arcu et lectus iaculis accumsan.
  218. <br><br>
  219.  
  220. <!-- End of fun part! -->
  221.  
  222. </div>
  223. </body>
  224. </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!