Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Page #7 About Me

By: Alliecatisallama on Jan 14th, 2013  |  syntax: None  |  size: 3.64 KB  |  views: 337  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- PAGE NUMBER 7 (ABOUT ME PAGE) BY ALLIECATISALLAMA/SEEDE-R/FERNANDOSSPECTACLES. Please do not claim as your own or remove the credit.-->
  6.  
  7. <head>
  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="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15.  
  16. <style type="text/css">
  17.  
  18. body {
  19.     font-family:arial;
  20.     font-size:10px;
  21.     color:#352f2f;
  22.     background-color:#f8f7f7;
  23.     background-position: fixed;
  24.     background-attachment:fixed;
  25. }
  26.  
  27. a {
  28.     text-decoration:none;
  29.     color:#121212;
  30.     -webkit-transition: opacity 0.7s linear;
  31.     -webkit-transition: all 0.7s ease-in-out;
  32.     -moz-transition:all 0.7s ease-in-out;
  33.     -o-transition: all 0.7s ease-in-out;
  34.     opacity:1;
  35. }
  36.  
  37. a:hover {
  38.     text-decoration:none;
  39.     color:#000000
  40. }
  41.  
  42. #imageplace {
  43.     width:400px;
  44.     height:400px;
  45.     border:1px solid #e7e0e0;
  46.     padding:10px;
  47.     overflow:hidden;
  48.     margin-top:-140px;
  49.     margin-left:450px;
  50.     position:fixed;
  51. }
  52.  
  53. #image {
  54.     width:400px;
  55.     height:400px;
  56.     overflow:hidden;
  57.     -webkit-transition: opacity 0.7s linear;
  58.     -webkit-transition: all 0.7s ease-in-out;
  59.     -moz-transition:all 0.7s ease-in-out;
  60.     -o-transition: all 0.7s ease-in-out;
  61. }
  62.  
  63. #image:hover {
  64.     width:400px;
  65.     height:400px;
  66.     overflow:hidden;
  67.     opacity:0.1;
  68.     -webkit-transition: opacity 0.7s linear;
  69.     -webkit-transition: all 0.7s ease-in-out;
  70.     -moz-transition:all 0.7s ease-in-out;
  71.     -o-transition: all 0.7s ease-in-out;
  72. }
  73.  
  74.  
  75. #stuffs {
  76.     width:300px;
  77.     padding:10px;
  78.     border:1px solid #e7e0e0;
  79.     margin-top:250px;
  80.     margin-left:500px;
  81.     font-family:calibri;
  82.     text-align:justify;
  83.     background-color:#ffffff;
  84.     opacity:1.2;
  85. }
  86.  
  87. #title {
  88.     text-align:center;
  89.     font-style:italic;
  90.     font-size:12px;
  91.     letter-spacing:1px;
  92.     color:#676767;
  93.     font-family:arial;
  94.     text-transform:uppercase;
  95.     margin:5px;
  96. }
  97.  
  98. #about{
  99.     padding:0px 15px 5px 15px;
  100.     color:#aaa;
  101. }
  102.  
  103. #info {
  104.     position:fixed;
  105.     width:100px;
  106.     font-family:calibri;
  107.     font-size:10px;
  108.     line-height:150%;
  109.     right:-90px;
  110.     bottom:10px;
  111.     text-align:left;
  112.     color:#262626;
  113.     background-color:#f8f7f7;
  114.     padding:5px;
  115.     border:1px solid #262626;
  116.     -moz-transition-duration:0.5s;
  117.     -webkit-transition-duration:0.5s;
  118.     -o-transition-duration:0.5s;
  119. }
  120.    
  121. #info:hover {
  122.     right:-2px;
  123.     -moz-transition-duration:0.5s;
  124.     -webkit-transition-duration:0.5s;
  125.     -o-transition-duration:0.5s;
  126. }
  127.  
  128. #theme {
  129. position: fixed;
  130. bottom: 0px;
  131. left: 0px;
  132. font-family: Arial;
  133. font-size: 8px;
  134. text-transform: uppercase;
  135. text-align: left;
  136. letter-spacing: 1px;
  137. }
  138. </style>
  139. </head>
  140. <body>
  141.  
  142. <div id="imageplace"><!--your image here-->
  143. <div id="image">
  144. <img width="400px" src="IMAGE URL HERE"/>
  145. </div>
  146. </div>
  147.  
  148.  
  149. <div id="stuffs">
  150. <div id="title"><!--your title here-->
  151. this is your title
  152. </div>
  153.  
  154.  
  155. <div id="about"><!--your about stuff here--><center>
  156. this is where you place your about me stuffs
  157. </center></div>
  158. </div>
  159.  
  160. </div>
  161.  
  162. <div id="info"><a href="/">MY BLOG</a> - <a href="http://www.tumblr.com/dashboard">DASHBOARD</a></div>
  163.  
  164.  
  165. <div id="theme"></a><a href="http://fernandosspectacles.tumblr.com/"><img src="http://i1065.photobucket.com/albums/u386/AHT_Livingston/Untitled-2.png?t=1344121641"></a></div>
  166. </body>
  167. </html>
clone this paste RAW Paste Data