Advertisement
Amanduhh7

About Page 3

Sep 22nd, 2015
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.77 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!--do not remove credit-->
  6. <!--do not remove credit-->
  7. <!--do not remove credit-->
  8. <!--do not remove credit-->
  9.  
  10. <meta name="image:aboutimage" content="">
  11. <meta name="select:Border" content="solid" title="Solid" />
  12. <meta name="select:Border" content="dashed" title="Dashed" />
  13. <meta name="select:Border" content="dotted" title="Dotted" />
  14. <meta name="select:Border" content="none" title="None" />
  15.  
  16. <meta name="select:Text" content="left" title="Left" />
  17. <meta name="select:Text" content="center" title="Center" />
  18. <meta name="select:Text" content="justify" title="Justify" />
  19.  
  20. <meta name="select:Text" content="right" title="Right" />
  21.  
  22.  
  23. <style type="text/css">
  24.  
  25. a{text-decoration:none;}
  26. body{width:100%; overflow-x:hidden;}
  27.  
  28. #title{
  29. position:fixed;
  30. text-align:center;
  31. font-size:40px;
  32. font-style:italic;
  33. margin-top:10%;
  34. }
  35.  
  36. #navi{
  37. position:fixed;
  38. margin-top:215px;
  39. margin-left:2%;
  40. }
  41.  
  42. #navi ul{
  43. list-style-type:none;
  44. }
  45.  
  46. #navi ul li{
  47. display:inline-block;
  48. padding:2px;
  49. }
  50.  
  51. #navi ul li a{
  52. color:black;
  53. text-decoration:none;
  54. font-family:calibri;
  55. font-style:italic;
  56. }
  57.  
  58. #container{
  59. width:50%;
  60. height:auto;
  61. margin-left:25%;
  62. margin-top:5%;
  63. border:2px {select:border} black;
  64. overflow:auto;
  65. }
  66.  
  67. #container .header{
  68. width:100%;
  69. height:100px;
  70. background-color:black;
  71. }
  72.  
  73. .header .name{
  74. font-size:30px;
  75. color:white;
  76. padding:10px;
  77. text-align:center;
  78. font-family: "Open Sans Condensed" sans-serif;
  79. font-style:italic;
  80. line-height:80px;
  81. }
  82.  
  83. .aboutimage{
  84. width:400px;
  85. height:400px;
  86. float:left;
  87. }
  88.  
  89. .aboutimage img{
  90. width:auto;
  91. height:100%;
  92. display:block;
  93. }
  94.  
  95. .abouttext{
  96. font-size:12px;
  97. padding:10px;
  98. text-align:{select:Text};
  99. }
  100.  
  101.  
  102. #credit{
  103. position:fixed;
  104. bottom:1px;
  105. left:1px;
  106. }
  107.  
  108. #credit a{
  109. text-decoration:none;
  110. color:black;
  111. font-size:12px;
  112. }
  113. /* Custom CSS */
  114. {CustomCSS}
  115. </style>
  116. </head>
  117. <body>
  118.  
  119. <div id="title">ABOUT PAGE</div>
  120. <div id="navi">
  121. <ul><li><a href="/">INDEX</a></li> //
  122. <li><a href="/ask">MESSAGE</a></li> //
  123. <li><a href="/submit">SUBMIT</a></li> //
  124. <li><a href="/dashboard">DASHBOARD</a></li>
  125. </ul>
  126. </div>
  127.  
  128. <div id="container">
  129. <div class="header"><div class="name">NAME GOES HERE</div></div>
  130. <div class="aboutimage"><img src="{image:aboutimage}"></div>
  131.  
  132. <div class="abouttext">
  133. <p> <!--ADD YOUR TEXT HERE-->
  134. </p>
  135.  
  136. </div>
  137.  
  138.  
  139.  
  140. </div>
  141.  
  142. <div id="credit"><a href="http://www.slapdashthemes.tumblr.com">THEME CREDIT</a></div>
  143.  
  144. </body>
  145. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement