Advertisement
thehandyblog

About Page #2

Aug 31st, 2013
1,793
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.40 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!----
  4.  
  5. █▀▀ ▀▀█▀▀ █▀▀█ █▀▀█ ▀▀█▀▀ █▀▀ █▀▀█ █▀▀█ █▀▀▄
  6. ▀▀█ █ █▄▄▀ █▄▄█ █ █▀▀ █ █ █▄▄▀ ▀▀ █ █
  7. ▀▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀
  8.  
  9. ABOUT PAGE # 02
  10.  
  11. ✔ ᴋᴇᴇᴘ ᴛʜᴇ ᴄʀᴇᴅɪᴛs ɪɴᴛᴀᴄᴛ.
  12. ✔ ᴅᴏ ɴᴏᴛ ᴜsᴇ ᴀs ʙᴀsᴇ ᴄᴏᴅᴇ.
  13. ✔ ᴅᴏ ɴᴏᴛ ᴄᴏᴘʏ ᴀɴʏ ᴘᴀʀᴛs ᴏғ ᴛʜᴇ ᴄᴏᴅᴇ.
  14.  
  15. ---->
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18.  
  19. <head>
  20.  
  21. <title>{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24.  
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.  
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31.  
  32. <style type="text/css">
  33.  
  34.  
  35.  
  36. /* SCROLLBAR */
  37.  
  38. ::-webkit-scrollbar {
  39. width: 10px;
  40. height:10px;
  41. background:#ffffff;
  42. }
  43.  
  44. ::-webkit-scrollbar-thumb{
  45. background:#555; /* scrollbar background */
  46. border:4px solid #fff;
  47. }
  48.  
  49.  
  50.  
  51. body{
  52. background:#fff; /* background color */
  53. margin:0px;
  54. color:#888; /* text color */
  55. font-size:10px;
  56. font-family:cambria;
  57. }
  58.  
  59. a{
  60. color:#999; /* link color */
  61. text-decoration:none;
  62. -moz-transition-duration:0.5s;
  63. -webkit-transition-duration:0.5s;
  64. -o-transition-duration:0.5s;
  65. }
  66.  
  67.  
  68.  
  69. a:hover{
  70. text-decoration:none;
  71. -moz-transition-duration:0.5s;
  72. -webkit-transition-duration:0.5s;
  73. -o-transition-duration:0.5s;
  74. }
  75.  
  76. #everything{
  77. width:100%;
  78. margin-top:210px;
  79. }
  80.  
  81. #all{
  82. width:450px;
  83. }
  84.  
  85.  
  86.  
  87. /* PORTRAIT IMAGE */
  88.  
  89. #photo img{
  90. width:200px;
  91. height:240px;
  92. padding:15px;
  93. border:1px solid #eee; /* portrait border */
  94. }
  95.  
  96.  
  97.  
  98. #photo{
  99. position:absolute;
  100. width:232px;
  101. }
  102.  
  103. #box{
  104. margin-left:250px;
  105. width:200px;
  106. }
  107.  
  108. #photo:hover #home{
  109. opacity:1;
  110. }
  111.  
  112. #home{
  113. width:232px;
  114. text-align:center;
  115. position:absolute;
  116. margin-top:-80px;
  117. opacity:0;
  118. -moz-transition-duration:0.5s;
  119. -webkit-transition-duration:0.5s;
  120. -o-transition-duration:0.5s;
  121. }
  122.  
  123. #home img{
  124. width:16px;
  125. border:0px;
  126. padding:0px;
  127. height:16px;
  128. padding:10px;
  129. background:#fff;
  130. -webkit-border-radius: 100px;
  131. -moz-border-radius: 100px;
  132. border-radius: 100px;
  133. }
  134.  
  135. #home a{
  136. font-size:15px;
  137. text-align:left;
  138. }
  139.  
  140. #about{
  141. text-align:justify;
  142. font-style:italic;
  143. display:inline-block;
  144. border:15px solid #fff;
  145. border-right:8px solid #fff;
  146. padding-right:7px;
  147. height:158px;
  148. overflow-y:scroll;
  149. }
  150.  
  151. #a{
  152. border:1px solid #eee;
  153. margin-top:10px;
  154. }
  155.  
  156.  
  157.  
  158. /* MAIN INFOS */
  159.  
  160. #info{
  161. text-align:left;
  162. color:#999; /* info color */
  163. }
  164.  
  165. #info x{
  166. font-size:8px;
  167. padding-left:2px;
  168. padding-right:2px;
  169. letter-spacing:1px;
  170. color:#fff;
  171. margin-right:2px;
  172. background:#555; /* highlight color */
  173. text-transform:uppercase;
  174. }
  175.  
  176.  
  177.  
  178. {CustomCSS}
  179.  
  180.  
  181. </style>
  182.  
  183. </head>
  184.  
  185. <body>
  186.  
  187. <div id="everything">
  188. <center>
  189.  
  190.  
  191.  
  192. <div id="all">
  193.  
  194.  
  195. <div id="photo">
  196.  
  197.  
  198. <!--------- PORTRAIT ---------->
  199.  
  200. <img src="IMAGE URL HERE">
  201.  
  202. <!--------- END OF PORTRAIT ---------->
  203.  
  204.  
  205.  
  206. <div id="home"><a href="/"><img src="http://media.tumblr.com/d6d6e8c1dc2f6e2c9a30f647d31e478d/tumblr_inline_mmxmick3l01qz4rgp.png"></a></div>
  207.  
  208.  
  209. </div>
  210.  
  211.  
  212.  
  213.  
  214.  
  215. <div id="box">
  216.  
  217.  
  218. <div id="info">
  219.  
  220.  
  221.  
  222. <!--------- MAIN INFOS ---------->
  223.  
  224. <x>Name:</x> YOUR NAME HERE <br>
  225. <x>Age:</x> YOUR AGE HERE <br>
  226. <x>Location:</x> YOUR LOCATION HERE <br>
  227. <x>Hobbies:</x> YOUR HOBBIES HERE </p>
  228. <x>More about me:</x>
  229.  
  230. <!--------- END OF MAIN INFOS ---------->
  231.  
  232.  
  233.  
  234. </div>
  235.  
  236.  
  237.  
  238. <div id="a">
  239. <div id="about">
  240.  
  241.  
  242.  
  243. <!--------- ABOUT ---------->
  244.  
  245. !!!!!!!!!!MORE INFOS ABOUT YOU HERE!!!!!!!!!
  246.  
  247. <!--------- END OF ABOUT ---------->
  248.  
  249. </div>
  250. </div>
  251.  
  252.  
  253. </div>
  254.  
  255.  
  256.  
  257.  
  258.  
  259. </center>
  260. </div>
  261.  
  262.  
  263.  
  264.  
  265. </body>
  266.  
  267. <a style="position:fixed; bottom:10px; letter-spacing:1px; right:10px; font-size:10px; font-family:arial;">♡♡♡</a>
  268.  
  269. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement