21-01-2017 Saat: 13:39
(Son Düzenleme: 21-01-2017 Saat: 13:40, Düzenleyen: The Legend.
Sebep: q
)
Yeni menü yaptım basit oldu..
Önizlemek için;
Kod:
<html>
<head>
<style>
#tlmenu {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#tlmenu li {
float: left;
width: 150px;
font-weight: bold;
}
#tlmenu a {
font-family: "Arimo";
text-decoration: none;
font-size: 15px;
color: #eee9e9;
border: 2px groove #8b8970;
background-color: #4a804d;
display: block;
text-align: center;
padding: 8px;
transition: 600ms all;
}
#tlmenu a:hover:not(active){
background-color: #363636;
border-top: #ffe4b5 solid 5px;
}
</style>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<ul id="tlmenu">
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">Üye Listesi</a></li>
<li><a href="#">Yetkili Listesi</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</body>
</html>
Önizlemek için;
Alıntı:onizle.koddostu.com