Sıkıntıdan kendime bir site kodlayayım dedim ve headeri yaptım ama kötü yanları varsa söyleyin düzeltirim bu arada logo buraya gelecek yazısına takılmayın o geçici
Tam ekran olarak önizleyin ona göre yaptım :)
Hoverlidir
Kod:
<html lang="tr">
<head>
<title>Uğur Yalçın</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body{
background:#FAFAFA;
}
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:10px;
float:right;
border-left:1px solid #dddddd;
}
li:hover{
background:#4263A8;
color:white;
border-radius:5px 5px 5px 5px;
transition: 500ms
}
</style>
</head>
<body>
<div class="tasiyici">
<table>
<tr>
<td width="1000" height="50px" style="border:1px solid #ddd;background:#f1f1f1; box-shadow: 3px 3px 4px #dddddd ">
<font style="padding-top:10px;">Logo buraya gelecek</font>
<div class="menu">
<ul>
<li>İletişim</li>
<li>Çalışmalar</li>
<li>Hakkımda</li>
<li>Anasayfa</li>
</ul>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>Kod:
onizle.koddostu.comHoverlidir
