24-01-2017 Saat: 21:20
Geçen sefer yaptığım menüde renk konusunda sıkıntılar vardı daha hoş,daha uyumlu ve flat renkler ile yeni düzenledim.Basit oldu....
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: White;
background-color: #C1392B;
text-align: center;
display: block;
padding: 8px;
transition: 300ms all;
border-top: #E84C3D solid 5px ;
}
#tlmenu a:hover{
background-color: #96281B;
border-top: #D64541 solid 8px;
}
</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>
<li><a href="#">Eklenecek</a></li>
</ul>
</body>
</html>
onizle.koddostu.com