furkandelta
🌱Yeni Üye🌱
- Katılım
- 21 Kas 2010
- Mesajlar
- 3
- Tepkime puanı
- 0
Bloğum için hazırladığım sesli basit bir yatay menü yapmaya çalıştım.Zaten çok kolay ama bilinmesi gerekenler var onları anlatmıştım sanırım 
Neyse izleyin güzel oldu video
[B]www.webrafik.net[/B]
Video:
https://www.youtube.com/watch?v=7982xK92kyw
Sesi duyabileceğiniz kadar açın.
Kodlar:
---------------------------------------------
<head>
<style type="text/css">
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none; }
#menu ul li {
float: left;
width: 200px; }
#menu ul li a {
font: bold 16px Tahoma;
color: #999;
background-color: #333;
text-decoration: none;
display: block;
text-align: center;
line-height: 30px;
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px; }
#menu ul li a:hover {
color: #333;
background-color: #999;}
</style>
</head>
<html>
<body>
<div id="menu">
<ul>
<li><a href="https://www.webrafik.net">Anasayfa</a></li>
<li><a href="#">Hakkımda</a></li>
<li><a href="#">Portfolyo</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>
</body>
</html>
---------------------------------------------
[B]www.webrafik.net[/B]
Neyse izleyin güzel oldu video [B]www.webrafik.net[/B]
Video:
https://www.youtube.com/watch?v=7982xK92kyw
Sesi duyabileceğiniz kadar açın.
Kodlar:
---------------------------------------------
<head>
<style type="text/css">
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none; }
#menu ul li {
float: left;
width: 200px; }
#menu ul li a {
font: bold 16px Tahoma;
color: #999;
background-color: #333;
text-decoration: none;
display: block;
text-align: center;
line-height: 30px;
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px; }
#menu ul li a:hover {
color: #333;
background-color: #999;}
</style>
</head>
<html>
<body>
<div id="menu">
<ul>
<li><a href="https://www.webrafik.net">Anasayfa</a></li>
<li><a href="#">Hakkımda</a></li>
<li><a href="#">Portfolyo</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>
</body>
</html>
---------------------------------------------
[B]www.webrafik.net[/B]
