MyBB Depo Forum
[1.8] Flat Sosyal Medya Butonları - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-8-modifikasyon-eklenti-deposu-forumu)
+--- Konu Başlığı: [1.8] Flat Sosyal Medya Butonları (/flat-sosyal-medya-butonlari-konusu.html)



Flat Sosyal Medya Butonları - Ripbyrustavi02 - 19-02-2017

resim

Bu kodu footer kısımlarında kullanmanız daha doğru olur. Çok güzel gözüktüğünden paylaşma gereği duydum. Kullanmak için fontawesome forumunuza kurulumunu yapmanız gerekmektedir. Yoksa iconlar gözükmeyecektir. Forumda paylaşıldı kurulumu aratarak bulabilirsiniz.

Kod:
<style type="text/css">#sosyal-medya-og ul a li {float:left;list-style:none;height:35px;width:47px;text-align:center;background:#2c2c2c!important;display:block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;margin:3px 5px 0 0;padding:9px 0 0!important;}#sosyal-medya-og ul a li div{background-image:url(https://lh3.googleusercontent.com/-dDOZv7dzQ8A/UXyA1s2I_BI/AAAAAAAAFAE/c32c2QT8u0k/s132/css3_sosyal_medya.png);height:15px;width:15px;margin:5px 0 0 26px;}li#facebook:hover{background:#38589f!important}li#twitter:hover{background:#44b0e3!important;}li#googleplus:hover{background:#cd4132!important;}li#rss:hover{background:#f8bc2d!important;}li#facebook div{background-position:0 0;}li#twitter div{background-position:0 -16px;}li#googleplus div{background-position:0 -99px;}li#rss div{background-position:0 -32px;}</style><div id="sosyal-medya-og">
<ul>
<a href="Facebook Adresiniz"><li id="facebook"><div></div></li></a>
<a href="Twitter Adresiniz"><li id="twitter"><div></div></li></a>
<a href="Google+ Adresiniz"><li id="googleplus"><div></div></li></a>
<a href="Rss Adresiniz"><li id="rss"><div></div></li></a>
</ul>
</div>



Cvp: Flat Sosyal Medya Butonları - VenomBoss - 11-04-2017

teşekkürler,yalnız butonlar biraz ortada dursa daha iyi olurdu.