Dikey Css 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
İlgili Bağlantılar
Margin Ve Padding Nedir? Nasıl Kullanilir?
Yatay CSS Menu Yapimi