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.
19 Yorum
Murat Dinç
22 Ekim 2013 at 17:54abi çok iyi bunlar ya valla tebrik ederim güzel iş çıkarmışsın.
Hakan Solmaz
17 Ekim 2013 at 21:14Yeni yapacağım temada bunları kullanacağım 🙂 Kodları arşivime ekledim bile. Teşekkürler..
Kerem Akyol
13 Haziran 2013 at 10:37Arşivime aldım harika bi eklenti
arkeyan26
25 Mart 2013 at 13:57Bazı websitelerinde gördüğüm ama webmasterardan alamadığım bir kodlama idi. Çok teşekkür ederim.Umarım becerebilirim.
ali
25 Mart 2013 at 00:00çok teşekürler tam olarak sizin dediğiniz gibi olmasada hallettim 🙂
ali
24 Mart 2013 at 17:06Merhabalar 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..
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
Ramazan
24 Mart 2013 at 17:10Deneyeceğim teşekkürler bunu düzenleyebilirsek menü gibi kullanabiliriz.
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.
ElvisPresley
16 Mart 2013 at 09:42Cok guzel bir paylaşım yeni başlayanların işine yarayabilir tşkkrler.
Hicabi
14 Mart 2013 at 16:38Merhaba,
aradığım şeyi buldum çok teşekkür ederim sağolasınız
Muhammet
10 Mart 2013 at 16:55Tabi ki de yapabilirim fakat bence sizin araştırarak öğrenmeniz gelişiminize çok büyük bir fayda sağlayacaktır 🙂
Muhammet
10 Mart 2013 at 15:07Hımm güzel birde json uygulamayla bunların altına beğeni sayılarını çekersin tadından yenmez 🙂
Burak ŞAHİN
10 Mart 2013 at 15:45json ile facebookdaki abone, flickr ve diğer sosyal sitelerdeki arkadaş sayısını çekme işini siz yapabilir misiniz?
WeyseL
7 Mart 2013 at 21:55Oldukç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.
Talat
4 Mart 2013 at 00:27Geçiş efektlerini çok beğendim, arşive aldım ilerde kullanabilirim.
Musa Kaya
2 Mart 2013 at 18:16Güzel butonlar teşekürler sitemde kullanıcım yararlı paylaşım olmuş tekrardan teşekürler..
Oğuz Kağan
2 Mart 2013 at 18:10Gerçekten güzel tasarım biraz daha geliştirip kullanmayı düşünüyorum.
Oyun
2 Mart 2013 at 18:01Cok işime yaradı ben böyle birsey arıyodum jquery ile bulmustum ama css ile bulamamıstım tesekkürler