Hitskin.comThis is a Hitskin.com skin preview
Install the skin • Return to the skin page
Posts : 26
Posts : 59 Posts : 59 Posts : 59
or post it on here... Posts : 26
by jcooper January 23rd 2011, 10:54 pm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
/* page */
html, * {
padding:0;
margin:0;
}
body {
background-color:#555555;
margin:0 auto;
font-size:1.0em;
color:#999999;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
/* headers */
h1 {
font-size:3.4em;
text-align:center;
padding-top:20px;
color:#ffffff;
letter-spacing:3px;
font-weight:normal;
}
h2 {
color:#5580B4;
background-color:#343434;
display:inline;
padding:0 5px;
margin:5px 0;
}
h3 {
font-size:1.3em;
font-weight:normal;
color:#5580B4;
}
h4 {
background-color:#333333;
border-bottom:1px solid #222222;
padding:5px;
color:#202020;
}
/* paragraphs */
p {
margin:2px 0 15px 0;
line-height:1.3em;
}
/* links */
a {
color:#202020;
border-bottom:1px dotted #333333;
text-decoration:none;
}
a:hover {
border-bottom:1px solid #333333;
}
div#footer a {
color:#ffffff;
text-decoration:none;
border:none;
background-color:#233C57;
padding:4px;
}
div#footer a:hover {
border:none;
}
div#sidebar ul li a {
color:#5580B4;
text-decoration:none;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:0.9em;
border:none;
padding:5px;
}
div#sidebar ul li a:hover {
background-color:#5580B4;
color:#ffffff;
}
/* lists */
ul, ol {
margin:0 0 5px 30px;
}
/* code */
code {
display:block;
border:1px solid #cccccc;
background-color:#dddddd;
padding:15px;
margin:5px;
}
/* container, header and nav */
div#container {
background-color:#333333;
width:70%;
padding:5px 5px 0 5px;
margin:60px auto 0 auto;
}
div#header {
background-image:url('images/headerbg.jpg');
background-repeat:no-repeat;
background-position:center center;
background-color:#111111;
height:120px;
padding:10px;
}
div#header p {
text-align:center;
padding:0;
margin:0;
font-size:0.8em;
color:#ffffff;
}
div#nav {
background-image:url('images/navbg.jpg');
background-repeat:repeat-x;
height:50px;
border-bottom:1px solid #416C9C;
border-top:1px solid #325277;
}
div#nav ul {
float:left;
margin:0;
padding:0;
}
div#nav ul li {
display:block;
float:left;
}
div#nav ul li a {
float:left;
border:none;
padding:15px 15px 0 15px;
height:35px;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:0.8em;
color:#cccccc;
text-decoration:none;
display:block;
}
div#nav ul li a:hover {
color:#ffffff;
background-color:#1D2F43;
}
div#nav form {
float:right;
margin:10px 15px 0 0;
}
div#nav form input {
border:1px solid #416C9C;
background-color:#1D2F43;
color:#ffffff;
padding:5px;
font-family:"Trebuchet MS", Verdana, Arial;
}
div#nav form input.button {
padding:3px;
}
/* content */
div#content {
padding:20px 10px 0 10px;
background-color:#444444;
}
div#page {
width:67%;
float:left;
}
div#sidebar {
width:28%;
float:right;
}
div#sidebar p {
padding:3px 5px;
color:#cccccc;
}
div#sidebar ul {
list-style:none;
margin:7px 12px;
}
div#sidebar ul li {
padding:3px 0;
}
/* footer */
div#footer {
padding:20px 5px;
background-color:#325479;
color:#ffffff;
}
div#footer p {
font-size:0.6em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin:0;
padding:5px;
}
/* generic classes */
.bold {
font-weight:bold;
}
.clear {
clear:both;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Endeavour Gaming</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Endeavour Gaming</h1>
<p>A democratic clan for PS3</p>
</div>
<div id="nav">
<ul>
<li><a href="#" class="selected" title="home page">home</a></li>
<li><a href="http://endgaming.forumotion.co.uk/forum" title="Forum">Forum</a></li>
<li><a href="linkcode" title="othernav">Youtube</a></li>
<li><a href="linkcode" title="ovver">other nav 2</a></li>
<li><a href="linkcode" title="nav 3">nav 3</a></li>
<li><a href="linkcode" title="contact">contact</a></li>
</ul>
<form action="#" method="get">
<p>
<input type="text" name="q" value="Search..." />
<input type="submit" value="Go" class="button" />
</p>
</form>
</div>
<div id="content">
<div id="page">
<h2>Introduction</h2>
<p>Welcome to Endeavour Gaming,a Brand new PS3 clan that aims to bring the fun back to gaming and treat every member as equalS BLAH BLAH BLAH etc etc</p>
<h2>News</h2>
<p>NewsNewsNewsNewsNewsNewsNewsNewsNewsNewsNewsNewsNewsNewsNewsNews</p>
<h2>How to join</h2>
<p>How to joinHow to joinHow to joinHow to joinHow to joinHow to joinHow to joinHow to joinHow to joinHow to joinHow to joinHow to joinHow to join</p>
</div>
<div id="sidebar">
<h4>About us</h4>
<p>About usAbout usAbout usAbout usAbout usAbout usAbout usAbout usAbout usAbout usAbout usAbout us</p>
<h4>Links</h4>
<ul>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
</ul>
<h4>Sponsors</h4>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>© 2011 Endeavour Gaming. <a href="http://www.forumotion.com" target="_blank">forumotion.com</a> Valid <a href="http://validator.w3.org/check/referer" title="valid XHTML strict">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" title="CSS">CSS</a></p>
</div>
</div>
</body>
</html> Posts : 26
<a href="/forum">Forum</a>
<a href="/hNR-
Posts : 48766
Facebook
Twitter
Pinterest
Youtube
