CSS

CSS İle Sosyal Medya Butonu Oluşturma

Bu yazı 3 ay veya daha önce yayınlanmış olduğundan görülen linklerde, resimlerde veya kodlarda hata olabilir. Herhangi bir hata ile karşılaşırsanız bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dilerim.

CSS İle Sosyal Medya Butonu başlıklı yazımda hoş bir sosyal medya butonu yapımını anlattım daha sonra onu kendi çağımda geliştirip sidebarımda görüldüğü şekilde yaptım. Bu yazımda da size sidebarımda ki sosyal medya butonunun kodlarını paylaşacam. Aşağıda paylaşmış olduğum butonları css sprite ile yaptım sitenin kasmaması açısından.

HTML Yapısı:

CSS Yapısı:

Sonuç:

19 comments
  1. arkeyan26

    Bazı websitelerinde gördüğüm ama webmasterardan alamadığım bir kodlama idi. Çok teşekkür ederim.Umarım becerebilirim.

  2. ali

    Merhabalar size benim bi kaç sorum olucaktı ben sizin yaptığınız bu sosyal butonları kategori olarak değiştirip sidebarda göstermek istiyorum yani facebook twitter yerine örnek teknoloji wordpress gibi değiştiricem ama tabi çok fazla bilgim olmadığı için kodlarıda vermenize rağmen :)) bunu wordpress e nasıl entegre edebilrm hangi dosyalarına yani 🙂 yardımcı olursanız çok sevinirim iyi çalışmalar..

    1. Burak ŞAHİN

      öncelikle sidebara kategorileri ekle daha sonra sağ tıklayıp sayfa kaynağını görüntüle dedikten sonra kategoriler kısmına gel oradan ul ve li class isimlerini öğren daha sonra still dosyanı açıp oradan ul ve li ekleyin daha sonra bu li ye padding, background, hover filan verin hocam yapamazsanız sitenizi yazın ben ona göre daha detaylı bir kod yazarım size

  3. WeyseL

    Oldukça hoş bir tasarım gerçekten. Sıradan olmaması daha keyifli kılmış. Sitenin teması da çok hoşuma gitti. temaya bütünleşik çok hoş bir çalışma olmuş. İlla ki kullanılabilir, paylaşım için teşekkürler.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

PREMIUM WORDPRESS TEMALARI
wordpress emlak teması
wordpress rent a car teması v2
%d blogcu bunu beğendi: