NegroDizayn Dreamweaver Tasarım V1
Tasarım Üst
<div id="ust">
<div id="baslık">
<div id="menu"><ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Ziyretçi Defteri </a></li>
<li><a href="#">Hakkımda </a></li>
<li><a href="#">İletişim </a></li>
<li><a href="#">Toplist </a></li>
<li><a href="#">Tasarımlar</a></li>
</ul><br/>
</div>
<img src="https://img.webme.com/pic/n/negrodizayn/logo.png" alt="" width="222" height="68"></div>
<div id="icerik">
Tasarım Alt:
</div>
<div id="alt">Tüm Hakları Saklıdır. ©2010 | Negrodizayn</div>
</div>
Css Kodu:
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 {
background-color: #999;
width: 800px;
}
#baslık {
margin-left: auto;
margin-right: auto;
margin: 5px;
padding: 5px;
display: block;
float: none;
}
#menu {
font-family: "Segoe UI";
color: #06F;
text-decoration: none;
width: 530px;
margin: 0px;
padding: 0px;
clear: left;
float: left;
}
#ust {
margin-left: auto;
margin-right: auto;
text-decoration: none;
background-color: #FFF;
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 10px;
border-top-style: 10;
border-right-style: 10;
border-bottom-style: 10;
border-left-style: 10;
}
#icerik {
margin-left: auto;
margin-right: auto;
background-color: #FF9;
font-family: "Segoe UI";
font-size: 14px;
text-align: left;
padding: 10px;
margin: 10px;
}
#alt {
margin-left: auto;
margin-right: auto;
background-color: #FC6;
font-family: "Segoe UI";
font-size: 12px;
text-align: right;
padding: 10px;
color: #666;
}
#menu ul {
font-family: "Segoe UI";
font-size: 14px;
color: #06F;
text-decoration: none;
list-style-type: none;
}
#menu ul li {
text-decoration: none;
background-color: #CCC;
text-align: left;
display: block;
float: left;
margin-right: 5px;
width: auto;
}
#menu ul li a {
background-color: #09F;
border-top-width: 5px;
border-right-width: 5px;
border-bottom-width: 5px;
border-left-width: 5px;
font-size: 14px;
text-decoration: none;
font-family: "Segoe UI";
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000;
padding: 2px;
}
#menu ul li a:hover {
background-color: #999;
color: #FF0078;
}