SHARE
TWEET

Ancedotes

lenaaa Apr 15th, 2016 (edited) 65 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <title>Ancedotes</title>
  3. <link rel="shortcut icon" href="ICON LINK GOES HERE">
  4. </head>
  5.  
  6.  
  7. <style type="text/css">
  8. body{
  9. background-image:url(http://onyxhotel.three-words.net/images/designs/bakk.png);
  10. }
  11.  
  12.  
  13. #header {
  14. background-image:url('http://onyxhotel.three-words.net/images/designs/Untitled-1_1.png');
  15. z-index: 1;
  16. width:575px;
  17. padding:2px;
  18. margin:0px;
  19. margin-top:-8px;
  20. margin-left:-70px;
  21. height: 890;
  22. display:block; }
  23.  
  24. #content{
  25. font:10px/15px trebuchet ms;
  26. top: 0px;
  27. background-color: #fff;
  28. width: 700px;
  29. padding: 5px;
  30. padding-bottom: 15px;
  31. margin-left: 470px;
  32. margin-top: -600px;
  33. font-weight:none;
  34. text-decoration:none;
  35. font-style:none;
  36. letter-spacing: 1px;}
  37.  
  38. h1 {
  39. font: bold normal 22px/25px Georgia;
  40. color: #000;
  41. text-transform: capitalize;
  42. text-align: left;
  43. margin: 3px;
  44. padding: 6  6 0 5;
  45. letter-spacing: -1px;}
  46.  
  47. h2 {
  48. font: bold normal 10px/20px Georgia;
  49. color: #c9100a;
  50. text-decoration: none;
  51. text-transform: uppercase;
  52. font-style: italic;
  53. text-align: center ;
  54. letter-spacing: 5px;
  55. margin: 1px;}
  56.  
  57. b {
  58. color: #422805;
  59. letter-spacing: 0px;
  60. font-weight: bold;
  61. font-family: georgia;}
  62.  
  63. i
  64. {font-style: italic;
  65. font-family: georgia;
  66. color: #95b02d;
  67. letter-spacing: 2px;}
  68.  
  69. u {
  70. color:#c9100a;
  71. letter-spacing: 1px;}
  72.  
  73. s {
  74. color: #b0abd6;
  75. text-decoration: line-through;}
  76.  
  77. /*NAV*/
  78.  
  79. #navi2 {position:absolute; top: 0px; left:475px; width: 800px;}
  80.  
  81. #navi2 a{
  82. background:#b0abd6;
  83. color:#333333;
  84. font: 15px/20px georgia;
  85. width:100px;
  86. padding: 10;
  87. margin:6px;
  88. display:block;
  89. float:left;
  90. letter-spacing:3px;
  91. width:150px;
  92. text-align:center;
  93. text-transform:uppercase;
  94. font-style: italic;
  95. text-decoration:none;
  96. -webkit-transition: all 0.9s ease;
  97. -moz-transition: all 0.9s ease;
  98. -o-transition: all 0.9s ease;}
  99.  
  100. #navi2 a:hover {
  101. background:#95b02d;
  102. color:#fff;}
  103.  
  104.  
  105.  
  106. /*MIDDLE*/
  107.  
  108. #side1{
  109. background:#fff;
  110. border-bottom: 3px solid #95b02d;
  111. border-right: 2px solid #95b02d;
  112. font-family: lucida sans unicode;
  113. font-size: 10px;
  114. color: #000;
  115. text-align: right;
  116. top: 60px;
  117. left: 482 ;
  118. width: 275 ;
  119. padding: 10px;
  120. text-decoration:none;
  121. text-transform:lowercase;
  122. font-style:none;
  123. letter-spacing:1px;
  124. position:absolute;}
  125.  
  126.  
  127. #side2{
  128. background:#fff;
  129. border-bottom: 3px solid #95b02d;
  130. border-right: 2px solid #95b02d;
  131. font-family: lucida sans unicode;
  132. font-size: 10px;
  133. color: #000;
  134. text-align: right;
  135. top: 60px;
  136. left: 901 ;
  137. width: 275 ;
  138. padding: 10px;
  139. text-decoration:none;
  140. text-transform:lowercase;
  141. font-style:none;
  142. letter-spacing:1px;
  143. position:absolute;}
  144.  
  145.  
  146. #icon1{
  147. background-image:url('http://onyxhotel.three-words.net/images/designs/Untitled-1_1.png');
  148. width: 100px;
  149. height: 100px;
  150. font-family: lucida sans unicode;
  151. padding:3px;
  152. font-size: 9px;
  153. color: #fff;
  154. top: 60px;
  155. left: 788 ;
  156. letter-spacing:1px;
  157. position:absolute;}
  158.  
  159.  
  160. #icon2{
  161. background-image:url('http://onyxhotel.three-words.net/images/designs/Untitled-1_1.png');
  162. width: 100px;
  163. height: 100px;
  164. font-family: lucida sans unicode;
  165. font-size: 9px;
  166. padding:3px;
  167. color: #fff;
  168. top: 170px;
  169. left: 788 ;
  170. letter-spacing:1px;
  171. position:absolute;}
  172.  
  173. /*FOOTER*/
  174. #footer {
  175. color: #ffffff;
  176. font-size:10px;
  177. font-weight:none;
  178. text-decoration:none;
  179. text-transform:normal;
  180. font-style:none;
  181. font-family:trebuchet ms;
  182. letter-spacing: 1px;
  183. background: #bec6ba;
  184. margin-left: 470px;
  185. padding: 5.1;
  186. width: 700;}
  187.  
  188. </style>
  189. <body>
  190.  
  191. <div id="header">
  192. </div></div>
  193.  
  194.  
  195. <div id="navi2">
  196. <a href="#" >link</a>
  197. <a href="#" >link</a>
  198. <a href="#" >link</a>
  199. <a href="http://onyxhotel.three-words.net/" >credit</a>
  200. </div>
  201.  
  202.  
  203. <div id="side1">
  204. <h2>Garden</h2>
  205. Any text, comment box, links, or updates can go here.<br>
  206. <b>bold</b> <i>italics</i> <u>underline</u> <s>strikethrough</s>
  207. </div>
  208.  
  209. <div id="side2">
  210. <h2>Garden</h2>
  211. Any text, comment box, links, or updates can go here.<br>
  212. <b>bold</b> <i>italics</i> <u>underline</u> <s>strikethrough</s>
  213. </div>
  214.  
  215. <div id="icon1">
  216. Text could go here if you want it to.
  217. </div>
  218.  
  219. <div id="icon2">
  220. Text could go here if you want it to.
  221. </div>
  222.  
  223.  
  224.  
  225.  
  226. <div id="content">
  227. <h1>Ancedotes</h1>
  228. <h2>can not say what time may do,</h2>
  229.  
  230.  
  231. This is your text! This layout has two info-boxes and two icons (they're meant to be changed by you). There is a footer and you can insert an image that is less than 700px in width. <br>
  232. <b>bold </b><i>italic </i><u>underline</u> <s>strikethrough</s> <a href="http:///url">link</a><br>
  233. You can edit and tweak the code, or change the header.
  234. <br>You may also change the size of header and change the size of everything else.
  235.  
  236. <li>Please keep credit on.</li>
  237. <li>Do no steal code/header</li>
  238.  
  239. </div>
  240.  
  241. <div id="footer">
  242. <center>
  243. Your affies and stats will go here<br>
  244. <a href="http://onyxhotel.three-words.net">(c) layout by onyxhotel</a>
  245. YOU SITE NAME START YEAR- CURRENT YEAR<br>
  246. example: ONYXHOTEL 2008-2012</center>
  247. </div>
RAW Paste Data
Top