TanMan's Forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Gray Homepage [Minimal Editing] Empty Gray Homepage [Minimal Editing] 12/24/2009, 9:15 am

TanMan

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

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. Wink

For now, enjoy!


Joel

Joel

nice! Love it!


TanMan

TanMan

Thanks, I'm glad you like it. Later I'll add a more sophisticated one.


Joel

Joel

cant wait! Tongue


Sponsored content



View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum

Affiliates
TanMan's Forums | | Gray Homepage [Minimal Editing] Clickhere_01 |

TDesign © 2009 | © PunBB | Forumotion| Home

Free forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com