CSS İle Sosyal Medya Butonu Oluşturma

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ç:

Sevgiler.
Bir önceki yazımız olan CSS İle Sosyal Medya Butonu başlıklı makalemizi de okumanızı öneririz.

Merhaba! Ben Burak. 2016 yılında Karadeniz Teknik Üniversitesi Harita Mühendisliği Bölümü’nden mezun oldum. Lise yıllarında HTML & CSS‘e, Üniversite yıllarında WordPress ve Matlab‘e adım attım. Lisans tezimi Matlab üzerinden program yazarak teslim ettim. Çeşitli projeler için WordPress tabanlı yazılımlar geliştirdim.

19 Yorum

  • arkeyan26

    25 Mart 2013 at 13:57

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

    Yanıtla
  • ali

    24 Mart 2013 at 17:06

    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..

    Yanıtla
    • Burak ŞAHİN

      24 Mart 2013 at 20:53

      ö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

      Yanıtla
  • mis gibi yemekler

    23 Mart 2013 at 18:16

    Üstüne gelince arkaplanın değişmesi renklerin uyumu süper olmuş kendi kişisel sitemde kullanacam teşekkür ederim.

    Yanıtla
  • Muhammet

    10 Mart 2013 at 16:55

    Tabi ki de yapabilirim fakat bence sizin araştırarak öğrenmeniz gelişiminize çok büyük bir fayda sağlayacaktır 🙂

    Yanıtla
    • Burak ŞAHİN

      10 Mart 2013 at 15:45

      json ile facebookdaki abone, flickr ve diğer sosyal sitelerdeki arkadaş sayısını çekme işini siz yapabilir misiniz?

      Yanıtla
  • WeyseL

    7 Mart 2013 at 21:55

    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.

    Yanıtla

Bir yanıt yazın

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.