Menu Demolar: http://exploding-boy.com/images/EBmenus/menus.html
Menu Download: http://exploding-boy.com/images/EBmenus.zip
Kullanımı
[hr]
- 1- indirdigiz dosya icindeki CSS kodlarini inceliyoruz
2- örnek menü1 -
3- menu1.gif i yaptigimiz html dosyasinda ayni klasörde tutuyoruz
Bu css kodunu headerde <head> kodunun önüne ekleyiniz.
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #FFF;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
/*- Menu 1--------------------------- */
#menu1 {
width: 200px;
margin: 10px;
border-style: solid solid none solid;
border-color: #3D261D;
border-size: 1px;
border-width: 1px;
}
#menu1 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu1 li a:link, #menu1 li a:visited {
color: #E4D6CD;
display: block;
background: url(menu1.gif);
padding: 8px 0 0 10px;
}
#menu1 li a:hover {
color: #FFF;
background: url(menu1.gif) 0 -32px;
padding: 8px 0 0 10px;
} </style>[/syntax]
- Sonra Body Altina bu kodu ekliyoruz < a href="#1" de bul #1 istedigin linki ekle
sonra Bul >Link 1</a> icinde bul Link 1 istedigin ile degistir bu yaziya tiklandiginda verdiginiz linke yönlendirir. aciklama icin bul title="Link 1"> icinde bul Link 1 yönlenecegi link hakkinda yazi yazabilirsiniz, sorulariniz varsa bekleriz .
<ul>
<li><a href="#1" title="Link 1">Link 1</a></li>
<li><a href="#2" title="Link 2">Link 2</a></li>
<li><a href="#3" title="Link 3">Link 3</a></li>
<li><a href="#4" title="Link 4">Link 4</a></li>
<li><a href="#5" title="Link 5">Link 5</a></li>
</ul>
</div>[/syntax]
Düzenleyen: Emexci
Tasarim CSS Tamamen: - http://www.exploding-boy.com