SHARE
TWEET

4 Swansea

lenaaa Jul 6th, 2013 (edited) 14 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <title>Swansea</title>
  3. <link rel="shortcut icon" href="ICON LINK GOES HERE">
  4. </head>
  5.  
  6. <style type="text/css">
  7. body{
  8. background-image:url("http://onyxhotel.three-words.net/images/designs/1_zpse07e6c5c.png");
  9.  
  10. }
  11.  
  12. #content
  13. {position: relative;
  14. top: 0px;
  15. background-image:url("http://onyxhotel.three-words.net/images/designs/back.png");
  16. width:600px;
  17. margin: 00px 0px 0px 550px;
  18. padding: 10px;
  19. padding-bottom: 25px;
  20. font-size:10px;
  21. font-weight:none;
  22. text-decoration:none;
  23. text-transform:lowercase;
  24. font-style:none;
  25. font-family:trebuchet ms;
  26. letter-spacing: 1px;
  27. border-right:6px solid #eee;
  28. border-top: 4px solid #eee;
  29. border-bottom: 1px dashed#333;}
  30.  
  31. #a:active, a:visited, a:link {
  32. color:#D7AE75;
  33. font-size:10px;
  34. background-color: none;
  35. font-weight:none;
  36. text-decoration:none;
  37. text-transform:none;
  38. font-style:none;
  39. text-align: center;
  40. font-family:arial;}
  41.  
  42. a:hover {
  43. color:#BAB095;}
  44.  
  45. h1 {
  46. font:  20px/15px Courier;
  47. color: #000;
  48. text-transform: uppercase;
  49. text-align: left;
  50. margin: 5px;
  51. padding: 5px;
  52. letter-spacing: 1px;
  53. background-color: #;}
  54.  
  55. h2 {
  56. font:  30px/15px Verdana ;
  57. font-style: italic;
  58. color: #000;
  59. text-transform: uppercase;
  60. text-align: center;
  61. margin-top: 40px;
  62. padding-top: 5px;
  63. padding-bottom: 0px;
  64. letter-spacing: 1px;
  65. background-color: #;}
  66.  
  67. #nav a {
  68. background:#f6f0f5;
  69. color:#333333;
  70. font: 9px/20px arial;
  71. width:100px;
  72. padding:2px;
  73. margin:3px;
  74. display:block;
  75. letter-spacing:3px;
  76. display:block;
  77. width:200px;
  78. text-align:center;
  79. text-decoration:none;}
  80.  
  81. #nav a:hover {
  82. background:#000;
  83. color:#fff;}
  84.  
  85. #side {
  86. background-image:url("http://onyxhotel.three-words.net/images/designs/background.png");
  87. width: 225px;
  88. padding: 0;
  89. margin-top: 0;
  90. font-family:Arial, Helvetica, sans-serif;
  91. font-size: 9px;
  92. display: block;
  93. padding: 0x;
  94. color: #000;
  95. text-decoration: none;}
  96.  
  97. #footer {
  98. position: relative;
  99. background-image:url("http://onyxhotel.three-words.net/images/designs/back.png");
  100. top: 0;
  101. left: 290 ;
  102. width:600px;
  103. margin: 00px 0px 0px 260px;
  104. padding: 10px;
  105. font-size:10px;
  106. font-weight:none;
  107. text-decoration:none;
  108. text-transform:normal;
  109. font-style:none;
  110. font-family:trebuchet ms;
  111. letter-spacing: 1px;
  112. border-right:4px solid #eee;}
  113. }
  114.  
  115. </style>
  116. <body>
  117.  
  118.  
  119.  
  120. <div style="position:absolute;left:-15px; top:0px; width:0px;">
  121. <img src="http://onyxhotel.three-words.net/images/designs/1-1_zps24879713.png" ></a>
  122. </div>
  123.  
  124. <div style="position:absolute;left:490px; top:0px; width:0px;">
  125. <img src="http://onyxhotel.three-words.net/images/designs/1-2_zps98cc11ad.png"></a>
  126. </div>
  127.  
  128.  
  129.  
  130. <div style="position:absolute;left:270px; top:0px; width:0px;">
  131. <ul id="side">
  132. <center>
  133.  
  134. <div id="nav"><a href="#">Home</a></div>
  135. <div id="nav"><a href="#">link</a></div>
  136. <div id="nav"><a href="http://onyxhotel.three-words.net/">credit</a>
  137.  
  138. <h2>content</h2>
  139. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  140. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  141. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  142. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  143. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  144. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  145.  
  146.  
  147. <h2>Extra</h2>
  148. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  149. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  150. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  151. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  152.  
  153.  
  154. <h2>Extra</h2>
  155. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  156. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  157. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  158. <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
  159.  
  160.  
  161.  
  162.  
  163.  
  164. </center></ul></div></div>
  165.  
  166.  
  167. <div id="content">
  168. <h1>Swansea</h1>
  169. This is your text! This layout includes a footer.
  170. <h2> Header 2</h2>
  171. <b>bold </b><i>italic </i><u>underline</u> <s>strikethrough</s> <a href="http:///url">link</a><br>
  172. 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.
  173.  
  174.  
  175. <li>Please keep credit on.</li>
  176. <li>Do no steal code/header</li>
  177.  
  178.  
  179. </div>
  180.  
  181. <div id="footer">
  182. (your site name) the year it started - 2016. Affies and other links can go here too!</center>
  183. </div>
RAW Paste Data
Top