1 Gray Homepage [Minimal Editing] 12/24/2009, 9:15 am
TanMan
Here's a quick HTML Homepage I made for you guys. This one is about as simple as it gets.
Preview:
https://tanman.forumakers.com/html1-h1.htm
Recommended browsers (Best Results):
Firefox
Safari
Google Chrome
Squared Layout:
Internet Explorer
This one isn't the most special HTML Homepage ever.. by itself. I'll make you guys a homepage later that requires you to only fill in the information.
For now, enjoy!
Preview:
https://tanman.forumakers.com/html1-h1.htm
Recommended browsers (Best Results):
Firefox
Safari
Google Chrome
Squared Layout:
Internet Explorer
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
html,body {
padding:0px;
margin:0px;
text-align:center;
background:#d0d0d0;
}
#container {
width:900px;
padding:0px;
margin:0px auto;
margin-top:20px;
text-aign:left;
}
#header {
width:900px;
height:100px;
padding:0px;
margin:0px;
background:url('http://i15.servimg.com/u/f15/11/95/85/04/12315.png') #b1b1b1;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #666666;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
color:#ffffff;
font-family:Trebuchet MS;
font-size:20pt;
font-weight:bold;
padding:50px 0px 50px 0px;
}
#nav {
width:900px;
height:30px;
padding:0px;
margin:0px;
background:url('') #b1b1b1;
clear:both;
border-left:1px solid #666666;
border-right:1px solid #666666;
}
#nav a {
color:#ffffff;
text-decoration:none;
font-family:Trebuchet MS;
font-size:10pt;
font-weight:bold;
background:#b1b1b1;
padding:5px 5px 5px 5px;
margin:0px 2px 0px 2px;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
#nav .there {
background:#666666 !important;
}
#nav a:hover {
background:#666666;
}
#info {
width:880px;
height:300px;
padding:0px;
margin:0px;
background:url('') #b1b1b1;
clear:both;
border-left:1px solid #666666;
border-right:1px solid #666666;
color:#ffffff;
font-family:Trebuchet MS;
font-size:10pt;
font-weight:bold;
text-align:left !important;
padding:0px 10px 0px 10px;
}
#foot {
width:880px;
height:50px;
padding:0px;
margin:0px;
background:url('') #b1b1b1;
clear:both;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
border-top:1px solid #d0d0d0;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
color:#ffffff;
font-family:Trebuchet MS;
font-size:10pt;
font-weight:bold;
text-align:left !important;
padding:0px 10px 0px 10px;
text-decoration:none;
}
#foot a {
color:#ffffff;
}
#foot a:hover {
color:#666666;
}
#create {
font-family:Trebuchet MS;
font-weight: bold;
font-size:7pt;
width:100%;
height:20px;
text-align:center;
color:#ececec;
margin-top:5px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
Banner/Title Goes Here.
</div>
<div id="nav"><a href="#" class="there">Home</a><a href="#">Forum</a><a href="#">Portal</a><a href="#">FAQ</a><a href="#">Groups</a><a href="#">Members</a><a href="#">Whatever you want the link to say.</a></div>
<div id="info">All information goes here. <br/><br/> This homepage template could be perfect for you with some minor editing. Feel free to ask for some help! <br/>
-TanMan</div>
<div id="foot">All footer/copyright links go here. <a href="#">Footer/Copyright</a></div>
<div id="create">TDesign 2009</div>
</body>
</html>
This one isn't the most special HTML Homepage ever.. by itself. I'll make you guys a homepage later that requires you to only fill in the information.
For now, enjoy!