En Yeni Tasarımlar - tasarım 2.2

tasarım 2.2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<div id="wrapper">
<div id="header">
<h1>Designs-web</h1>
<h3>And Photoshop Extreme</h3>
</div>
<div id="topnavi">
<ul>
<li class="select"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="select"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="select"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="select"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="select"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="select"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="select"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="select"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="select"><a href="#" _fcksavedurl="#">web-masterim</a></li>
</ul>
</div>
<div id="headimg"> </div>
<div id="bodybox">
<div id="subnavi">
<h2>web-masterim</h2>
<ul>
<li class="norm"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="norm"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="norm"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="norm"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="norm"><a href="#" _fcksavedurl="#">web-masterim</a></li>
<li class="norm"><a href="#" _fcksavedurl="#">web-masterim</a></li>
</ul>
</div></body></html></body></html>

Tasarım Üstüne

Tasarım Altına

table {margin-left: auto;margin-right: auto}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body {
margin-top:29px;
text-align:center;
background-image:url(http://64upload.com/files/3364_70774241ad.jpg);
background-color:#000000;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#eeeeee;
}
#wrapper {
width:702px;
margin:0 auto;
background-image:url(http://64upload.com/files/3365_90e5ce1ce1.jpg);
text-align:left;
}
#header {
float:left;
width:702px;
height:83px;
background-image:url(http://64upload.com/files/3366_6d36773c59.jpg);
}
h1 {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:30px;
color:#ff5700;
}
h2 {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#ff5700;
}
h3 {
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#cccccc;
font-weight:normal;
}
.cleaner {
clear:both;
height:0px;
font-size:0px;
border:none;
margin:0; padding:0;
background:transparent;
}
#header h1 {
margin-top:25px;
margin-left:25px;
}
#header h3 {
margin-top:-6px;
margin-left:25px;
}
#topnavi {
float:left;
width:702px;
height:29px;
background-image:url(http://64upload.com/files/3367_afc62d3498.jpg);
}
#topnavi ul {
margin:0px;
padding:0px;
list-style-type:none;
margin-left:8px;
margin-right:8px;
}
#topnavi ul li.norm {
float:left;
height:29px;
background-image:url(http://64upload.com/files/3368_ee27b04161.jpg);
background-position:right;
}
#topnavi ul li.select {
float:left;
height:29px;
background-image:url(http://64upload.com/files/3369_54ce2ca29e.jpg);
background-position:right;
}
#topnavi ul li.norm a {
display:block;
padding-right:24px;
padding-left:24px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
#topnavi ul li.select a {
display:block;
padding-right:24px;
padding-left:24px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
#topnavi ul li.norm a:hover {
display:block;
padding-right:24px;
padding-left:24px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:10px;
text-decoration:underline;
}
#topnavi ul li.select a:hover {
display:block;
padding-right:24px;
padding-left:24px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:10px;
text-decoration:underline;
}
#headimg {
float:left;
width:702px;
height:147px;
background-image:url(http://64upload.com/files/3370_f68137e031.jpg);
}
#bodybox {
float:left;
width:702px;
background-image:url(http://64upload.com/files/3371_4321d525f9.jpg);
background-repeat:no-repeat;
}
#subnavi {
float:left;
display:inline;
margin-left:18px;
margin-top:2px;
padding-top:26px;
padding-bottom:26px;
width:180px;
background-color:#1e1d1e;
background-image:url(http://64upload.com/files/3372_b0aa904755.jpg);
background-position:bottom;
}
#subnavi ul {
margin:0px;
padding:0px;
list-style-type:none;
margin-left:13px;
margin-right:13px;
}
#subnavi ul li.norm, #subnavi ul li.select {
height:24px;
background-image:url(http://64upload.com/files/3373_57a1f1f1b5.gif);
}
#subnavi ul li.norm a {
display:block;
line-height:23px;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#eeeeee;
text-decoration:none;
}
#subnavi ul li.norm a:hover {
display:block;
line-height:23px;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#eeeeee;
text-decoration:underline;
}
#subnavi ul li.select a {
display:block;
line-height:23px;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ff5700;
text-decoration:none;
}
#subnavi ul li.select a:hover {
display:block;
line-height:23px;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ff5700;
text-decoration:underline;
}
#subnavi h2 {
margin-left:17px;
margin-bottom:6px;
}
#content {
float:left;
display:inline;
width:440px;
margin-left:27px;
margin-right:27px;
padding-top:26px;
padding-bottom:26px;
}
#content p {
color:#eeeeee;
}
#content ul {
list-style-image:url(http://pixelea.com/s/0582320639.gif)
}
#content a {
color:#ff5700;
text-decoration:none;
}
#content img.pic {
float:right;
margin-left:8px;
margin-bottom:8px;
border:1px solid #333333;
padding:2px;
}
#content a:hover {
color:#ff5700;
text-decoration:underline;
}
#footer {
float:left;
width:702px;
height:49px;
background-image:url(http://64upload.com/files/3374_662cde7d72.jpg);
text-align:center;
color:#cccccc;
font-family:Tahoma, sans-serif;
font-size:9px;
line-height:42px;
}
#footer a {
color:#cccccc;
text-decoration:none;
}
#footer a:hover {
color:#cccccc;
text-decoration:underline;
}
#header {display: none;}
#title {display: none;}
#nav_container {
display:none;
}</body></html></body></html>

Css Koduna