Advertisement
Amanduhh7

About Page

Dec 20th, 2013
167
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.77 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5.  
  6.  
  7.  
  8. <!--Do not remove credit-->
  9. <!--Do not remove credit-->
  10. <!--Do not remove credit-->
  11. <!--Do not remove credit-->
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18. <!-- Theme Defaults -->
  19.  
  20. <meta name="image:rightside" content="">
  21.  
  22. <meta name="color:title" content="#f6b2b2">
  23. <meta name="color:nav" content="#f6b2b2">
  24. <meta name="color:aboutbutton" content="#f6b2b2">
  25. <meta name="color:abouttitletext" content="#f6b2b2">
  26.  
  27. <meta name="text:Link 1 URL" content=""/>
  28. <meta name="text:Link 1" content="Home"/>
  29. <meta name="text:Link 2 URL" content=""/>
  30. <meta name="text:Link 2" content="Contact"/>
  31.  
  32. <style type="text/css">
  33.  
  34. @font-face {
  35. font-family: 'stereofidelic';
  36. src: url('http://static.tumblr.com/knytmqx/Bffmy3r56/stereofidelic.ttf') format('truetype');
  37. font-weight: normal;
  38. font-style: normal;
  39.  
  40. }
  41.  
  42. @font-face {
  43. font-family: 'sweetly broken';
  44. src: url('http://static.tumblr.com/knytmqx/q2dmuln4o/sweetly_broken.ttf') format('truetype');
  45. font-weight: normal;
  46. font-style: normal;
  47.  
  48. }
  49.  
  50.  
  51. a{text-decoration:none; color:black;}
  52.  
  53. body{background-color:white;}
  54.  
  55. #title{
  56. position:fixed;
  57. margin-top:10px;
  58. margin-left:500px;
  59. font-size:70px;
  60. font-family:sweetly broken;
  61. color:{color:title};
  62. }
  63.  
  64. #subtext{
  65. position:fixed;
  66. margin-top:120px;
  67. margin-left:500px;
  68. }
  69.  
  70. #logo{
  71. position:fixed;
  72. margin-top:20px;
  73. margin-left:700px;
  74. width:200px;
  75. height:300px;
  76. }
  77.  
  78. #log img{
  79. width:200px;
  80. height:300px;
  81. }
  82.  
  83. #nav{
  84. position:fixed;
  85. margin-top:130px;
  86. margin-left:20px;
  87. }
  88.  
  89. #nav a{text-decoration:none; color:{color:nav}; font-size:50px; font-family:stereofidelic; display:inline-block; width:auto; padding:10px;}
  90.  
  91. button{color:{color:aboutbutton}; font-size:50px; font-family:stereofidelic; background-color:transparent; border:none; outline:none;}
  92.  
  93. strong{color:{color:abouttitletext};}
  94.  
  95. </style>
  96.  
  97. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  98.  
  99. </head>
  100. <body>
  101.  
  102. <div id="title">
  103. {Title}
  104. </div>
  105.  
  106. <div id="subtext">
  107. <i>~With every desire comes lust~</i>
  108. </div>
  109.  
  110. <div id="logo">
  111. <img src="{image:rightside}">
  112. </div>
  113.  
  114. <div id="nav">
  115. <a href="{text:Link1 URL}" title='Head on home'>{text:Link 1}</a>
  116.  
  117.  
  118. <a href="{text:Link2 URL}" title='Get in touch'>{text:Link 2}</a>
  119. <a href="http://www.tumblr.com/dashboard" title='Head to dash'>Dashboard</a>
  120.  
  121.  
  122.  
  123. <button title='Learn about me' <span style="cursor:pointer">About</button></span>
  124. <p style="display: none">
  125. <strong>Name: </strong><!--put name here-->
  126. <br>
  127. <strong>Age: </strong><!--put age here-->
  128. <br><br>
  129. <strong>Likes:</strong>
  130. <br>
  131. ★ Something I like<!--erase and put something you like-->
  132. <br>
  133. ★ Something I like<!--erase and put something you like-->
  134. <br>
  135. ★ Something I like<!--erase and put something you like-->
  136. <br>
  137. ★ Something I like<!--erase and put something you like-->
  138. <br><br>
  139. <strong>Dislikes:</strong>
  140. <br>
  141. ★ Something I dislike<!--erase and put something you dislike-->
  142. <br>
  143. ★ Something I dislike<!--erase and put something you dislike-->
  144. <br>
  145. ★ Something I dislike<!--erase and put something you dislike-->
  146. <br>
  147. ★ Something I dislike<!--erase and put something you dislike-->
  148. </p>
  149. <script>
  150. $( "button").click(function() {
  151. $( "p" ).show( "slow" );
  152. });
  153. </script>
  154.  
  155.  
  156. </div>
  157. <div style="position:fixed; font-size:10px; margin-left:-5px; margin-top:-5px;">
  158. <a href="http://www.slapdashthemes.tumblr.com"><img src="http://i98.photobucket.com/albums/l274/shell282/sdtcredit_zps35bc0e2c.png"></a>
  159. </body>
  160. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement