Menü kodldım basit oldu şimdi sizlere sunuyorum..
Denemek için:TIKLA
Kod:
Denemek için:TIKLA
Kod:
Kod:
<style type="text/css">
.Menü {
background-color: #0C6;
width: auto;
height: 35px;
padding-left: -20px;
}
.Menü ul {
list-style-type: none;
margin: 6px;
padding: 0px;
}
.Menü ul li {
float: left;
margin-top: 1px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
transition: background 0.4s ease-in;
}
.Menü ul li a {
color: #FFF;
text-decoration: none;
display: block;
line-height: 24px;
padding: 5px;
}
.Menü ul li:hover {
background-color: #096;
transition: background 1s ease-in;
-webkit-transition: background 0.3s ease-in;
-moz-transition: background 0.3s ease-in;
-o-transition: background 0.3s ease-in;
}
</style>
</head>
<body>
<div class="Menü">
<ul>
<li><a href="/index.php">Anasayfa</a></li>
<li><a href="/portal.php">Portal</a></li>
<li><a href="/memberlist.php">Üye Listesi</a></li>
<li><a href="/calendar.php">Takvim</a></li>
<li></li>
</ul>
</div>
