20Şubat

Simgeler ile Css Menüler

image

Zamanında çok ihtiyaç duyduğum ama bulmakta çok fazla zorlandığım bu anlatımı sizlerle paylaşmak istiyorum.

Web geliştiriciler ve-veya web meraklıları olarak hepimiz biliyoruz ki artık devir css’in devri bu yüzden yakından takip etmek lazım.

Öncelikle ne yapacağımıza bir bakalım resimle anlatmak daha kolay olacak galiba, menümüz yandaki gibi olacak.

Şurdan başlıyoruz;

iconlarımızı buradan indiriyoruz.

Bir de şu resim lazım olacak :button

Html kodlarımızı yazarak başlıyoruz işleme;

image

Bu html kodlarını şöyle açıklayabiliriz;

image

Şimdi de butonumuzu oluşturmak için gereken css kodlarımızı yazıyoruz;

image

Şimdi de bu kodlarımızı açıklayalım;

image

Buraya kadar olan kodlarımız butonumuzu oluşturdu fakat menü resimlerini henüz koymadık şimdi de menü resimlerini koyuyoruz;

image

Menümüz hazır.

Umarım işinize yarayacak bişeyler anlatabilmişimdir. Bu yazıya rastlayan ve yanlış bir anlatım oldugunu düşünen arkadaslar varsa belirtirlerse sevinirim.

Saygılar…

 Yazının Etiketleri  
    • darkness
    • 3 Nisan 2009

    saol kardes. ama birtane indirebilecegimiz ornek dosya verebilirmisin acaba

  1. kardeş bu kodları tam olarak nerede uyguluyacağız

  2. tskler ama biz amator web sayfası hazırlayanlar için biraz daha acıklayıcı olursa sevinirim nasıl kullanacagız nereye eklicez neyi eklicez

  3. Paylaşım için tşkler gerekli bilgiler..

  4. elinize sağlık yararlı bilgiler saolun

  5. Teşekkür ederim güzel bir konuyu güzel bir şekilde anlatmışsın

  1. Geri bildirim yok.

Yorum yapın