Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <title>Swansea</title>
- <link rel="shortcut icon" href="ICON LINK GOES HERE">
- </head>
- <style type="text/css">
- body{
- background-image:url("http://onyxhotel.three-words.net/images/designs/1_zpse07e6c5c.png");
- }
- #content
- {position: relative;
- top: 0px;
- background-image:url("http://onyxhotel.three-words.net/images/designs/back.png");
- width:600px;
- margin: 00px 0px 0px 550px;
- padding: 10px;
- padding-bottom: 25px;
- font-size:10px;
- font-weight:none;
- text-decoration:none;
- text-transform:lowercase;
- font-style:none;
- font-family:trebuchet ms;
- letter-spacing: 1px;
- border-right:6px solid #eee;
- border-top: 4px solid #eee;
- border-bottom: 1px dashed#333;}
- #a:active, a:visited, a:link {
- color:#D7AE75;
- font-size:10px;
- background-color: none;
- font-weight:none;
- text-decoration:none;
- text-transform:none;
- font-style:none;
- text-align: center;
- font-family:arial;}
- a:hover {
- color:#BAB095;}
- h1 {
- font: 20px/15px Courier;
- color: #000;
- text-transform: uppercase;
- text-align: left;
- margin: 5px;
- padding: 5px;
- letter-spacing: 1px;
- background-color: #;}
- h2 {
- font: 30px/15px Verdana ;
- font-style: italic;
- color: #000;
- text-transform: uppercase;
- text-align: center;
- margin-top: 40px;
- padding-top: 5px;
- padding-bottom: 0px;
- letter-spacing: 1px;
- background-color: #;}
- #nav a {
- background:#f6f0f5;
- color:#333333;
- font: 9px/20px arial;
- width:100px;
- padding:2px;
- margin:3px;
- display:block;
- letter-spacing:3px;
- display:block;
- width:200px;
- text-align:center;
- text-decoration:none;}
- #nav a:hover {
- background:#000;
- color:#fff;}
- #side {
- background-image:url("http://onyxhotel.three-words.net/images/designs/background.png");
- width: 225px;
- padding: 0;
- margin-top: 0;
- font-family:Arial, Helvetica, sans-serif;
- font-size: 9px;
- display: block;
- padding: 0x;
- color: #000;
- text-decoration: none;}
- #footer {
- position: relative;
- background-image:url("http://onyxhotel.three-words.net/images/designs/back.png");
- top: 0;
- left: 290 ;
- width:600px;
- margin: 00px 0px 0px 260px;
- padding: 10px;
- font-size:10px;
- font-weight:none;
- text-decoration:none;
- text-transform:normal;
- font-style:none;
- font-family:trebuchet ms;
- letter-spacing: 1px;
- border-right:4px solid #eee;}
- }
- </style>
- <body>
- <div style="position:absolute;left:-15px; top:0px; width:0px;">
- <img src="http://onyxhotel.three-words.net/images/designs/1-1_zps24879713.png" ></a>
- </div>
- <div style="position:absolute;left:490px; top:0px; width:0px;">
- <img src="http://onyxhotel.three-words.net/images/designs/1-2_zps98cc11ad.png"></a>
- </div>
- <div style="position:absolute;left:270px; top:0px; width:0px;">
- <ul id="side">
- <center>
- <div id="nav"><a href="#">Home</a></div>
- <div id="nav"><a href="#">link</a></div>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">credit</a>
- <h2>content</h2>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <h2>Extra</h2>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <h2>Extra</h2>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- <div id="nav"><a href="http://onyxhotel.three-words.net/">link</a>
- </center></ul></div></div>
- <div id="content">
- <h1>Swansea</h1>
- This is your text! This layout includes a footer.
- <h2> Header 2</h2>
- <b>bold </b><i>italic </i><u>underline</u> <s>strikethrough</s> <a href="http:///url">link</a><br>
- 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.
- <li>Please keep credit on.</li>
- <li>Do no steal code/header</li>
- </div>
- <div id="footer">
- (your site name) the year it started - 2016. Affies and other links can go here too!</center>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement