0 Replies - 1413 Views - Last Post: 02 November 2011 - 03:10 PM

#1 Creecher  Icon User is offline

  • I don't care
  • member icon

Reputation: 562
  • View blog
  • Posts: 2,049
  • Joined: 06-March 10

Red 'n Gray template

Posted 02 November 2011 - 03:10 PM

Description: Valid HTML and CSS.

You can look at the template either here: http://neverpool.com
or here: http://www.neverpool...redngray.htmlMy current template.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Website name</title>
<style type="text/css">
body {
margin:0; 
font-family: 'Trebuchet MS', Helvetica, sans-serif;
background-color:#272A2B;
}

#header {
height:100px; 
}
#titletext {
float:left; 
font-size:36px; 
padding:38px 0 30px 50px;
}
#titletext a {
color:#F0F0F0; 
text-decoration:none;
}
#networks {
float:right; 
font-size:24px;
color:#F0F0F0; 
padding:52px 50px 34px 0;
}


#main {
float:right; 
width:100%; 
color:#000;
background: #C0C0C0; 
font-size:13px;
min-height: 400px;
}
#main a {
color:#940500;
}
#main a:hover {
color:#940500;
}
#main br {
line-height:10px;
}
#sidebar {
width:160px; 
float:left; 
padding:0 40px 40px 40px; 
margin-top:20px;
}
#sidebar h3 {
font-size:19px; 
font-weight:normal; 
margin:20px 0 5px 0; 
color:#940500;
border-bottom:1px solid #272727;
}
#sidebar ul {
margin:0; 
padding:0; 
}
#sidebar li {
list-style:none; 
}
#sidebar li a {
color: #940500; 
text-decoration:none; 
padding:3px; 
display:block;
}
#text {
line-height:17px; 
margin-left:240px; 
padding:20px 50px 40px 50px;
}
#text h2 {
font-size:24px; 
font-weight:normal; 
margin:20px 0 10px 0; 
color:#940500;
}
#text h3 {
font-size: 20px;
font-weight: normal;
margin: 20px 0 10px 0;
color: #940500;
}
#text ol, #text ul {
padding:0; 
margin:10px 0;
}
#text li {
margin-left:40px;
}
#footer { 
color:#F0F0F0; 
font-size:16px; 
clear:both;
height: 70px;
}
#footer a {
color:#F0F0F0;
}
#footer a:hover {
color:#888888;
}
#footertext {
float:left; 
padding:41px 0 0 50px;
}
</style>
</head>

<body>
<!-- header -->
<div id="header">

<div id="networks">
Social Networking Icons go here
</div>

<div id="titletext"><a href="/">Website Name</a></div>

</div>
<div id="main">

<div id="sidebar">
<h3>Menu</h3>
<ul>
<li><a href="#">Main</a></li>
<li><a href="#">Freelancing</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">NeverPool</a></li>
</ul>
<h3>Links</h3>
<ul>
<li><a target="_blank" href="http://neverpool.com">NeverPool</a></li>
<li><a target="_blank" href="http://gaming-cell.net">Gaming Cell</a></li>
<li><a target="_blank" href="http://exile-studios.com">Exile Studios</a></li>
<li><a target="_blank" href="http://dreamincode.net">Dream.In.Code</a></li>
</ul>

</div>
<div id="text">
<h2>Lorem Ipsum Dolor....</h2>
Lorem ipsum dolor sit amet, habes prima inrumpit dic ipsum longinquas Aeolus immanitate excidit. Habere cunabulis fatigas quantum ait est cum unde non solutionem invenerunt aspectu o animali viderat Apollonius in deinde duas recitare. Theophile atque armata mare convivio ubi augue eiusdem ordo quos essem rogo ultimum ad te ad quia ad te. Nuptui tradiditque semper incommunicabile ait est in, eis dolentes miseriae tibi coniungerent praesens. Proicite a a his e contrarius haec in lucem in.
</div>
</div>
<!-- end main -->
<!-- footer -->
<div id="footer">
<div id="footertext">© Your Website</div>
</div>
<!-- end footer -->
</body>
</html>


Is This A Good Question/Topic? 0
  • +

Page 1 of 1