[Diseño para- Css Desing] Tecnology Site

hola aca les traigo un diseño espero q les guste costo un poco de trabajo



Su codigo es

Pega este por encima de la pagina

Código:

<div id="Design"> <div id="Header_oben"></div>
<div id="#nav_container">

Pega esto en Css code sin Style Tags

Código:

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{list-style-type: none;}
div{z-index: 2px;}
#Header_oben {
height: 400px;
width: 818px;
background:;
background-image:url(http://www.fileden.com/files/2008/5/22/1925126/cabezalwma1212654564.jpg
);
color: #ffffff ;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
z-index: 2;
position:absolute;left:181px;top:16px;}

#top_1 {
height: 25px;
width: 980px;
background:;
background-image:url();
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
z-index: 2;
position:absolute;left:13px;top:200px;}

BODY {
background : #ffffff url() repeat;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #ffffff;
margin : 0px 0px 0px 0px;
text-align: left;
}


a{color:#000000; font-size: 11px; text-decoration: none;}
a:hover {color: #000000; font-size: 11px; text-decoration: none;}
a:link {color: #000000; font-size: 11px; text-decoration: none;}
a:active {color: #000000; font-size: 11px; text-decoration: none;}
a:visited {color: #000000; font-size: 11px; text-decoration: none;}
li.nav_element a{
color:#000000 ;
display: block;
line-height: 25px;
margin: 5px;
padding-left: 10px
text-decoration: none;
text-align: center;
width: 160px;
height: 30px;
background-image:url(http://www.fileden.com/files/2008/5/22/1925126/wedmasterayudaboton79.jpg
);
background-color:}
li.nav_element a:hover{
color:#000000;
display: block;
line-height: 25px;
margin: 5px;
padding-left: 10px
text-decoration: none;
text-align: center;
width: 160px;
height: 30px;
position: relative;
align:center;
background-image:url(http://www.fileden.com/files/2008/5/22/1925126/wedmasterayudaboton79.jpg);
background-color:}

* { padding: 0; margin: 0; }
* { padding: 0; margin: 0; }


#nav_container {
height: 400px;
width: 175px;
background:;
background-image:url(http://www.fileden.com/files/2008/5/22/1925126/Fondowedmasterayuda.gif);
color:#000000;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 1px solid #6E6E6E;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:0px;top:16px;
}


#content {
height: 500px;
width: 708px;
background:;
float:left;
margin-top : 10px;
margin-bottom : 10px;
background-image:url(http://www.fileden.com/files/2008/5/22/1925126/Fondowedmasterayuda.gif);
color: #ffffff;
display: inline;
float: left;
overflow:auto;
border: 1px solid #6E6E6E;
position:absolute;
position:absolute;left:0px;top:410px;
}

#content_2 {
height: 1520px;
width: 900px;
background:;
background-image:url();
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
z-index: 0;
position:absolute;left:13px;top:27px;}



#sidebar_container {
height: 140px;
width: 280px;
background:;
background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxwma34314231321.jpg
);
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: right;
overflow:auto;
z-index: 4;
position:absolute;left:715px;top:415px;
}


#Feld_rechts_5 {
height: 0px;
width: 0px;
background:;
background-image:url();
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
z-index: 2;
position:absolute;left:25px;top:40px;}

#counter{
position:absolute;
left: 900px;
top: 8px;
font-size: 14px;
z-index: 6;
color: #ffffff; }