Footerde Sosyal İconlar - MyBB

[#Captain]

Admin CP > Temalar & Şablonlar > Temanız > Global.css > En Alta Ekleyin..

Kod: Tümünü Seç Tümünü Kopyala

#sosyal { float: right; margin-top: 5px;}
#sosyal ul, #sosyal li { float: left; list-style: none; margin: 0; padding: 0;}
#sosyal a { display: block; padding-right: 15px; line-height: 36px; color: #444;}
#sosyal .social_icon { background: url(http://i1298.photobucket.com/albums/ag50/Nyx81/Destekfan/sosyalbutonlar.png) no-repeat; height: 36px; width: 36px; padding: 0;}
#sosyal .facebook { background-position: 0 0;}
#sosyal .twitter { background-position: 0 -78px;}
#sosyal .googleplus { background-position: 0 -156px;}
#sosyal .dribble { background-position: 0 -234px;}
#sosyal .flickr { background-position: 0 -312px;}
#sosyal .youtube { background-position: 0 -390px;}
#sosyal .rss { background-position: 0 -468px;}
#sosyal .facebook:hover { background-position: 0 -39px;}
#sosyal .twitter:hover { background-position: 0 -117px;}
#sosyal .googleplus:hover { background-position: 0 -195px;}
#sosyal .dribble:hover { background-position: 0 -273px;}
#sosyal .flickr:hover { background-position: 0 -351px;}
#sosyal .youtube:hover { background-position: 0 -429px;}
#sosyal .rss:hover { background-position: 0 -507px;}

Admin CP > Temalar & Şablonlar > Şablonlar > Temanız > Footer Şablonlar > Footer > En Alta Ekleyin..

Kod: Tümünü Seç Tümünü Kopyala

<div id="sosyal">    
     <ul>
         <li><a class="social_icon facebook" href="http://facebook.com/" target="_blank"></a></li>
         <li><a class="social_icon twitter" href="http://twitter.com/"  target="_blank"></a></li>
         <li><a class="social_icon youtube" href="http://youtube.com/" target="_blank"></a></li>
         <li><a class="social_icon googleplus" href="https://plus.google.com/"  target="_blank"></a></li>
         <li><a class="social_icon rss" href="rss.php" title="RSS" target="_blank"></a></li>
     </ul>
</div>
</div>
</div>