Biliyorsunuz nasıl bir site yapayım diye bir konu açmıştım headeri kodladım logo yok onu ekleyeceğim (yapabilirsem eklerim :D) buyurun kodlar
Kod:
<html lang="tr">
<head>
<title>Uğur Yalçın</title>
<style>
body{
background:#ffffff;
}
*{
font-family:Tahoma;
}
li {
text-decoration:none;
margin-right:10;
padding:10;
padding-top:0;
border-left:1px solid #dddddd
}
#tasiyici{
width:1000;
margin:auto;
}
.menu{
float:right;
}
.menu li{
padding-top:4px;
float:left;
border-left:1px solid #dddddd;
}
li:hover{
background:#2980b9;
color:white;
border-radius:5px 5px 5px 5px;
padding-top:10px;
transition: 500ms;
}
.menu li:active{
background:#e67e22;
color:white;
border-radius:5px 5px 5px 5px;
transition: 100ms;
}
.icerik{
background:#fafafa;
width:1150;
height:400;
position: relative;
margin: auto;
margin-top:10px;
}
.header{
font-size:14px;
height:100%;
height:50;
background:#f1f1f1;
-webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
}
</style>
</head>
<body>
<div class="tasiyici">
<div class="header">
<div class="menu">
<ul>
<li>Anasayfa</li>
<li>Hakkımda</li>
<li>Referanslarım</li>
<li>İletişim</li>
</menu>
</ul>
</div>
</div>
</body>
</html>Kod:
Önizlemek için:
onizle.koddostu.com
