02-02-2017 Saat: 16:56
(Son Düzenleme: 02-02-2017 Saat: 17:03, Düzenleyen: The Legend.)
Basit duyuru panosuyla yine karşınızdayım :)
CSS ile yaptığım basit menü :d
Önizlemek için;
Kod:
CSS ile yaptığım basit menü :d
Önizlemek için;
Alıntı: Nickli Kullanıcıdan Alıntı:onizle.koddostu.com
Kod:
Kod:
<html>
<head>
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
#tlmenu {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#tlmenu li {
float: left;
width: 150px;
font-weight:bold;
}
#tlmenu a {
font-family: 'Roboto', sans-serif;
text-decoration: none;
font-size: 15px;
color: White;
background-color: #455A64;
text-align: center;
display: block;
padding: 8px;
transition: 300ms all;
box-shadow: 0px 3px 3px #263238;
border-bottom: 2px solid #fff;
opacity: 0.9;
}
#tlmenu a:hover{
background-color: #263238;
opacity: 1;
}
</style>
</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="#">Eklenecektir</a></li>
</ul>
</body>
</html>
