hoffe es gefällt dir
kannst auch auf die seite gucken da ist es noch drauf
Text über dem Design:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="keywords" content="keyword1, keyword2, keyword3">
<meta name="description" content="Die Beschreibung der Seite hier hinein.">
<meta name="robots" content="index,follow">
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
BODY {MARGIN: 20px 0px 0px; BACKGROUND-COLOR: #3b3935; font: 12px Verdana, Arial, sans-serif;}
.headbg {background: #183152}
.mainbg { BACKGROUND-COLOR: #efefef;}
.contentbg { BACKGROUND-COLOR: #EFEFEF; padding: 24px; }
.footer { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #efefef; background: #36648B; width: 900px; height: 30px; padding-top: 10px; text-align: right}
.footer A:link, .footer A:visited, .footer A:hover, .footer A:active { COLOR: #efefef; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.menu{ font: bold 13px arial; padding: 6px 20px; margin: 0; width: 860px; background-color: #444444; color: #ffffff; text-align: left;}
.menu li{ list-style: none; display: inline; }
.menu li a{ padding: 3px 0.5em; text-decoration: none; color: #efefef; background-color: #444444;}
.menu li a:hover{ color: #efefef; background-color: #666666;}
-->
</style>
</HEAD>
<BODY>
<DIV align=center>
<table cellspacing=0 cellpadding=0 width=900 border=0>
<tbody>
<tr>
<td class="headbg"><img src="http://img.webme.com/pic/n/nilsbierwirth/headernormal.jpg" width="900" height="178"></td>
</tr>
<tr>
<td valign=top>
<ul class="menu">
<li><a href="#">Link 1</a></li>
|
<li><a href="#">Link 2</a></li>
|
<li><a href="#">Link 3</a></li>
|
<li><a href="#">Link 4</a></li>
|
<li><a href="#">Link 5</a></li>
</ul>
</td>
</tr>
<tr>
<td bgcolor="#36648B" height="20"> </td>
</tr>
<tr>
<td class=mainbg valign="top">
<table cellspacing=0 cellpadding=0 width=100% border=0>
<tbody>
<tr>
<td valign=top>
<tr>
<div class=footer>
<a href="#">Home</a> |
<a href="#" target="_blank">Link1</a> |
<a href="#" target="_blank">Link2</a> |
<a href="#" target="_blank">Link3</a> |
<a href="#" target="_blank">Link4</a> |
powered by <a href="" target="_blank">Notebooks</a>
</div>
</div>
</BODY>
</HTML>
CSS-Code
ohne Style Tags:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title span {display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}
}
#content_container {
width:810px;
}
#pre_content {
width:570px;
height:39px;
background:url(http://img.webme.com/pic/n/nndesign/be_rsan_preco.png) no-repeat;
}
#content {
width:550px;
padding-left:10px;
padding-right:10px;
text-align:justify;
border-right:#000000 1px dashed;
}
#title {
display:none;
}
#post_content {
width:570px;
height:38px;
background:url(http://img.webme.com/pic/n/nndesign/be_rsan_postco.png) no-repeat;
line-height:38px;
vertical-align:middle;
}
#sidebar_container {
position:absolute;
left:50%;
top:412px;
margin-left:160px;
}
#sidebar_heading {
margin:0;
padding:0;
width:230px;
padding-left:10px;
height:26px;
background:url(http://img.webme.com/pic/n/nndesign/be_rsan_side.png) no-repeat;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
padding-top:13px;
}
#sidebar_content {
width:220px;
padding-left:10px;
}
a {
color:#FF6600;
}
a:hover {
color:#FF9900;
}
