AccessTr.neT

Merhaba Arkadaşlar,

CSS İle İlgili Bilgi Almak İçin Sn. schworse Açmış Olduğu Bu Konuya Bakabilirsiniz..

CSS De Menü Yapımı Anlatacam. Umarım İhtiyaç Sahipleri Faydalanır.

Öncelikle Menümüzde Yer Alacak İsimleri Belirtiyoruz


Daha Sonra Bunlara Link Veriyoruz... Eğer Verecek Link Yoksa Elinizde # İşaretide Koyabilirsiniz.


Şimdi Sıra Geldi Menümüzü Listeye Çevirme...


Arkadaşlar Şimdi Yapacaklarımız. Menümüzün Özellikleri İle İlgili...
Code bölümü Açıyoruz.Önce "UL" Tagına class="menü" Yani <ul class="menü"> Yazıyoruz. Daha Sonra "UL" Tagını Seçip "New CSS Rule" Diyoruz. Ve Karşımıza Aşağıdaki Gibi Bir Pencere Çıkmakta. Görüntüdeki Gibi Sizde Yapın.


Okeyledikten Sonra Karşımıza Bir Pencere Daha Açılmakta...


Bu Pencere Yapmamız Gereken Sadece, List Bölümünden Type Değerini None Yapmak. Bu İşlem Sonucunda Menümüzün Başındaki Noktolar Kalkacaktır.



Şimdi İse Linkler İçin Ayarlamalar Yapıcaz.
"UL" de Olduğu Gibi "A" yı Seçiyoruz Ve "New CSS Rule" Diyoruz.
Aşağıdaki İşlemin Aynısını Yapıyoruz Ve Ok Diyoruz.


Açılan Pencerede Aşağıdaki Özellikleri Veriyoruz.(Bunlar İçin Resim Eklemiyecem Sadece Bulması Kolay Olsun Diye Yerlerini Söyleyecem
Linklere Vereceğimiz Özellikler
Block> Display = Block (Her Linkin Etrafında Blocklar Oluşturur.)
Box> Withd = 6em (Oluşturduğumuzun Blockların Boyutunu Ayarlar.)
Type> Decoration = None (Linklerin Alt Çizgileri Kaldırır.)
Background> Background Color = (Size Kalmış Bir Renk Seçin (Blockların Arka Plan Rengini Ayarlar.))
Burada Yapılacak Ayarlar Bu Kadar. Bu İşlemleri Yaptıkdan Sonra Aşağıdaki Gibi Görüntü Elde Etmeniz Lazım. Eğer İşlem Tamamsa Bir Sonraki Aşamaya Geçelim


Şimdi Yapacaklarımız İse Mousemizim Linkler Üzerine Gelince Çalışacak İşlemler...
Bir Önceki Gibi "A" Tagını Seçiyoruz Ve "New CSS Rule" Diyoruz. Bu Sefer
"ul.menü a:hover" Yazıyoruz Ve Okeyliyoruz.


Ok Dedikten Sonra Karşımıza Çıkan Pencerede. Arka Plan Rengini Ve Yazı Rengini Ayarlarmak Lazım. İsteğe Göre Altı Çizili Vs. Yapılabilir.
Type> Color = (Size Kalmış Bir Renk Seçin)
Background> Background Color = (Size Kalmış Bir Renk Seçin)
Yaptığınız İşlemin Sonuçunda Bir Değişiklik Göremiyeceksiniz...

Şimdi Sıra Geldi Menümüzün Arasını Biraz Açmaya...
Yine Diğerlerinde Olduğu Gibi "Li" Seçiyoruz Ve "New CSS Rule" Diyoruz.Açılan Pencerede "ul.menü li" Yazıyoruz Ve Ok a Tıklıyoruz.


Karşımıza Çıkan Pencerede Sadece "Padding" Ayarı Vermemiz Yetiyor.
Box> Padding> Bottom = 0.2em (Bu İşlem Menümüzün Arasını Biraz Açmak İçin)


Bu İşlemin Sonucunda Menümüzün Son Hali Bu Şekilde Olmalı,


Sayfamızı Kaydetip Çalıştıralım.

Evet Arkadaşlar Hepsi Bu Kadar... Yapamadığınız Biryer Olursa, Elimden Geldiği Kadar Yardımcı Olmaya Çalışırım. AccessTr.neT Ailesi İçin Hazırladım. Hiç Bir Şekilde Alıntı Yoktur.
Lütfen Emeğe Saygı. Esirgemeyin

Keşke her kelimenin ilk harfi büyük olmasa daha iyi okunurdu. Diğer yandan bu tip pratik anlatımlarda dosyanın bitmiş halininde eklenilmesi iyi olur. Tebrikler güzel bir uygulama olmuş.

Sn. alpeki99,
Her kelimenin ilk harfinin büyük olmasının sebebi el alışkanlığı... Dosyanın bitmiş halini ekledim.

Eline sağlık..

Hocam, çok teşekkür ediyorum, ellerinize sağlık...

Herzaman

---

Vakit Buldukca Devamını Getirecem İnş