SHARE
TWEET

3 Divers

lenaaa Dec 2nd, 2012 (edited) 23 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <head>
  2. <title>divers</title>
  3. <link rel="shortcut icon" href="ICON LINK GOES HERE">
  4. </head>
  5.  
  6. <style type="text/css">
  7. body{
  8. background-color:#f8f8f8;
  9.  
  10. }
  11.  
  12. #header {
  13. background-image:url('http://onyxhotel.three-words.net/images/designs/Untitled-1-1.png');
  14. background-repeat:no-repeat;
  15. width:900px;
  16. height:600px;
  17. position: fixed;
  18. margin: -180px 0px 0px 0px;
  19. }
  20.  
  21. #content
  22. {position: relative;
  23. top: 0px;
  24. background-color: rgba(232,232,232, 0.5);
  25. left: 290 ;
  26. width:600px;
  27. margin: 150px 0px 0px 125px;
  28. padding: 10px;
  29. padding-bottom: 25px;
  30. font-size:10px;
  31. font-weight:none;
  32. text-decoration:none;
  33. text-transform:lowercase;
  34. font-style:none;
  35. font-family:trebuchet ms;
  36. letter-spacing: 1px;}
  37.  
  38. #a:active, a:visited, a:link {
  39. color:#D7AE75;
  40. font-size:10px;
  41. background-color: none;
  42. font-weight:none;
  43. text-decoration:none;
  44. text-transform:none;
  45. font-style:none;
  46. text-align: center;
  47. font-family:arial;}
  48.  
  49. a:hover {
  50. color:#BAB095;}
  51.  
  52. h1 {
  53. font:  30px/15px arial ;
  54. color: #000;
  55. text-transform: uppercase;
  56. text-align: left;
  57. margin: 5px;
  58. padding: 5px;
  59. letter-spacing: -2px;
  60. background-color: #;}
  61.  
  62. h2 {
  63. font-family : arial;
  64. color : #000;
  65. font-size :10px;
  66. line-height : 0px;
  67. letter-spacing: 2px;
  68. text-transform : normal;
  69. text-align : left;}
  70.  
  71. h3 {
  72. font-family : arial;
  73. color : #000;
  74. font-size :135px;
  75. line-height : 0px;
  76. letter-spacing: -20px;
  77. text-transform : uppercase;
  78. position: fixed;
  79. text-align : left;}
  80.  
  81. h4 {
  82. font: normal 12/0px Trebuchet MS;
  83. color : #747474;
  84. text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  85. letter-spacing: 3px;
  86. text-transform : uppercase;
  87. text-align : right;}
  88.  
  89. h5 {
  90. font: italic normal 13px/0px arial ;
  91. color : #747474;
  92. text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);  
  93. letter-spacing: 2px;
  94. text-transform : uppercase;
  95. text-align : right;}
  96.  
  97. #nav {
  98. background: #fffafc;
  99. border: 1px solid #fff0f5;
  100. color: #333;
  101. font: 9pt MS UI Gothic;
  102. text-align : left;
  103. width:200px;
  104. padding-top : 3px;
  105. padding-left : 6px;
  106. margin-bottom: 4px;}
  107.  
  108. #nav:hover {
  109. background: #fafaff;
  110. border: 1px solid #;
  111. color: #686868;
  112. font: 9pt MS UI Gothic;
  113. text-align : left;
  114. padding-top : 3px;
  115. padding-bottom : 2px;
  116. padding-left : 6px;
  117. margin-bottom: 2px;}
  118.  
  119. #nav a {
  120. font: 9pt MS UI Gothic;
  121. line-height: 15px;
  122. text-align : left;
  123. font-weight: normal;
  124. color: #74d5c8;  
  125. padding-top : 3px;
  126. text-decoration: none;}
  127.  
  128. #nav a:hover {
  129. font: 9pt MS UI Gothic;
  130. line-height: 15px;
  131. text-align : left;
  132. font-weight: normal;
  133.  
  134. padding-top : 3px;
  135. text-decoration: none;}
  136.  
  137. #side {  
  138. position:absolute;
  139. left:1050px;
  140. top:300px;
  141. background: #fff;
  142. width: 200px;
  143. padding: 5px;
  144. text-align: right;
  145. font: 10px verdana;
  146. display: block;
  147. color: #000;
  148. text-decoration: none;
  149.  }
  150.  
  151. #footer {
  152. position: relative;
  153. top: 0px;
  154. background-image:url("http://onyxhotel.three-words.net/images/designs/back.png");
  155. left: 415 ;
  156. top: 0;
  157. width:600px;
  158. padding: 10px;
  159. font-size:10px;
  160. font-weight:none;
  161. text-decoration:none;
  162. text-transform:normal;
  163. font-style:none;
  164. font-family:trebuchet ms;
  165. letter-spacing: 1px;
  166. }
  167.  
  168. </style>
  169. <body>
  170.  
  171. <div id="header">
  172. </div>
  173. <div style="position:absolute;left:650px; top:-67px; width:600px;">
  174. <h3>site name</h3>
  175. </div></div>
  176.  
  177. <div style="position:absolute;left:1050px; top:150px; width:px;">
  178. <div id="nav"><a href="#">Home</a></div>
  179. <div id="nav"><a href="#">Content</a> </div>
  180. <div id="nav"><a href="#">Extras</a> </div>
  181. <div id="nav"><a href="http://onyxhotel.three-words.net/">(c) layout by onyxhotel</a></div></div>
  182.  
  183.  
  184. <div id="side">
  185. <h5>Extra</h5>
  186. Text
  187.  
  188. </ul>
  189. </div></div>
  190.  
  191.  
  192. <div id="content">
  193. <h1>divers</h1>
  194. This is your text! This layout that has a changeable site name (h2). It also comes with a footer that includes an image.
  195. <h2> Header 2</h2>
  196. <b>bold </b><i>italic </i><u>underline</u> <s>strikethrough</s> <a href="http:///url">link</a><br>
  197. <h4>no blockquote for this layout :(</h4>
  198. You can edit and tweak the code, or change the header. You may also change the size of header and change the size of everything else.
  199.  
  200. <h5>last header option </h5>
  201.  
  202.  
  203. </div>
  204.  
  205. <div id="footer">
  206. <center>
  207. Your affies and stats will go here<br>
  208. <a href="http://onyxhotel.three-words.net">(c) layout by onyxhotel</a>
  209. <img src="http://onyxhotel.three-words.net/images/designs/Untitled-1copy.png"></a> <br>
  210. YOU SITE NAME START YEAR- CURRENT YEAR<br>
  211. example: ONYXHOTEL 2008-2012</center>
  212. </div>
RAW Paste Data
Top