Ali Mengü | Kişisel Web Sayfasi

Dikey Css Menu Yapimi

Arkadaslar Gelen Mesaj "Dikey Menü Yapımınında Dersini Sitenize Eklerseniz Sevinirim", bu konuyla ilgili bir çok sitede anlatim vardir.Fakat bana gelen istek buydu bende yaptım.Yorum Kısmına Ben Zaten Yapmiştim vb.. Yazılar yazmayın lütfen.
Öncelikle Videomuzu İzleyin ;
Part 1

Part2

---

Önizleme ;

Kodu ;
<style type="text/css">
<!--

#grimenubaslik {
    background-image: url(https://img.webme.com/pic/a/alimengu/yesilbaslik.png);
    height: 24px;
    width: 220px;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-top: 6px;
    padding-left: 30px;
}
#grimenu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#grimenu a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    display: block;
    background-image: url(https://img.webme.com/pic/a/alimengu/grimenu1.png);
    height: 23px;
    width: 225px;
    padding-top: 7px;
    padding-left: 25px;
}
#grimenu a:hover {
    background-image: url(https://img.webme.com/pic/a/alimengu/grimenuhove.png);
}
-->
</style>
<div id="grimenubaslik">Buraya Baslik İsmi</div>
<div id="grimenu">
  <ul>
    <li><a href="#">Anasayfa</a></li>
    <li><a href="#">Hakkimizda</a></li>
    <li><a href="#">Z.Defteri</a></li>
    <li><a href="#">Müzik</a></li>
    <li><a href="#">Alimengu</a></li>
    <li><a href="#">Tasarimlar</a></li>
    <li><a href="#">Dersler</a></li>
  </ul>
</div>

Anlatim By Ali Mengü Yorum Atan Eller Dert Görmesin

---

Etiketler ; Dikey css menu yapimi,css menu yapimi,menu yapimi,dikey css menu nasıl yapılır,menu yapimi video anlatim

---

İlgili Bağlantılar
Margin Ve Padding Nedir? Nasıl Kullanilir?
Yatay CSS Menu Yapimi