Css Menü Yapma
İlk Başta Css EklenTilerinden Başlayalım
width: 0px; Herkezin Biliği Gibi Genişliktir
height: 0px; YükseklikTir
color: xxxxxxx;
xxxxxx Yazan Yere Renk kodumuzu Yazıyoruz Bunu Bir Katmana Koyduğumuzda Yazıları Renkledire biliyoruz bu kod izle
list-style:none;
Bu kod ise menün Solunda Çıkan Noktaları Kaldırmak içindir Sade bu a:link Katmanında Çalısır
padding: 0px 0px 0px 0px;
Bu kod ise Katmandaki Yazıları Yeirini Ayarlar İlk değer sağa Olan Uzaklığıdır İkinci Değer Sağa olan Uzaklıktır Üçüncü Değer İse Alta olan uzaklıktır Dördüncü Değer İse Üste Olan Uzaklıktır
background: url(Arka Plan Urlniz Buraya);
Bu ise Arka Plan Koymak içindir
Arka Planın Sabit Olmasını istiyorsanız Bu kod işinize Yaraycaktır
background-repeat:no-repeat;
text-decoration: none; Linklerin Altındaki Çizgiyi Kaldırmak İçin
border=" x px" x ile belirtilen yer ise kenarlığın kalınlığıdır
margin: 0px 0px 0px 0px; ise Menünün(münüyü uzaklaştır) veya Linklenin arasındaki uzaklıktır
İlk değer sağa Olan Uzaklığıdır İkinci Değer Sağa olan Uzaklıktır Üçüncü Değer İse Alta olan uzaklıktır Dördüncü Değer İse Üste Olan Uzaklıktır
voice-family: xxxxxxx; bu ise yazını fontu xxx kısmına fontunu yazınız
Arial, Helvetica, sans-serif
Times New Roman, Times, serif
Courier New, Courier, monospace
Bu Fontlarda Birini Kullanmanızı Tavsiye Ederim Çünkü Sonradan Yüklen Fon O kişini Bilgisiayarında Yüklü Olmadığında Düzgü Görünmeye Bilir
display: block;
Bu kod koyduğun Linkler yapışık birşekide çıkmıyacaktır (Zaten Koymanız Şartır)
font-weight: bold; Bu kod Kalın Yapar
font-style: italic; Bu kod ise İtalik Yapacaktır
background-repeat: no-repeat;
Arka Planın Tekrarlamaması İçin
Arka Plan kodun sonra bu kodu koyarsanız
-0px -0px;
ilk değer arka planı sola doğru kaydırı ama başındaki basındaki –yi arakaplanı sağa doğruda kaydıra bilirsiniz
ikince değer ise arka planı aşağı doğrı kaydırır basındaki –yi kadırısanı yukarı doğruda kaydırabilirsiniz
background-position :right;
Sağ tarfa Sabitlemek için Ortalı bir şekilde
yukarda ve soldda Olması için ise
background-position :top- right;
------------------------------------------------
background-position :left;
Sol tafra Sabitlemek İçin Ortalı bir şekilde
yukarda ve sağda Olması için ise
background-position :top-left;
Arka Planı Renk ile Yapmak için
background-color: #xxxxxxx;
Şimdi İse İşin Esas kısmına
Bu link lerin Normal Halidir
#menu li a:link, {buraya yaz}
Bu linklerin Üzerinden Geçinceki Halidir
#menu li a:hover {Buraya Yaz}
Daha Önce Tıklamış Olan Linke Tıklayıcaki Halidir
#menu li a:visited {Buraya Yaz}
Daha Önce Tıklanmamış Olan Linke Tıklayıcaki Halidir
#menu li a:active {Buraya Yaz}
Menün Tümüne Etki Eder
#menu {Buraya Yaz}
Bu katman ise linklerin hepsine birden Etki eder
#menu li a {Buraya Yaz}
Şimdi ise Htm Kodumuzu ÇıkarMAya Geldi Sıra
<div id="menu">
<ul>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad</a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
</ul>
</div>
<div id="menu"> Neden menu herhangi bir şeyde yaza bilirdik ama katmalarımız ismi menu olduğu için yazdık
Bu katmanda İsteğini Koyablirsiniz Dğerlerindeki Gibi Ama Bu link siz ve hover siz olacaktır
div.scroll { Buraya Yaz}
Görünmesini İstedğin Yere
Diyelinki Menümüzün Basınada Görünmesini İstiyorsunuz Ozaman Html Kodumuz
Bu şekilde Değişecektir
<div id="menu">
<ul>
<div class="scroll">Buraya Yaz</div>
<li><a href="Gidilece<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
</ul>
</div>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li> Yada <div class="scroll">Buraya Yaz</div Bu kısımları Çağalta bilirsiniz
Eğer Css Dısında Bir Tasarım Kullanıyorsanız <Style>…..</Style> Tag ları Arasında Yazınız
Kaynak Göstermeden Paylaşmayınız Emeğe Saygı
Burda Emegi Goren yok Fazla 
