+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Çözülmüş Soru ve Sorunlar (https://mybbdepo.com/mybb-1-6-cozulmus-soru-ve-sorunlar-forumu)
+--- Konu Başlığı: Sosyal paylaşım butonları (/sosyal-paylasim-butonlari-konusu.html)
Sosyal paylaşım butonları - cemm - 19-10-2013
site adresi:
Kod:
fourmalite.comArkadaşlar şu resimdeki sosyal paylaşım butonlarının kodlarını bilen var mı ? rica etsem yardımcı olur mu ?
Cvp: Sosyal paylaşım butonları - ReDMaD - 19-10-2013
Footer sablonuna ekleyin:
Kod:
<div id="social">
<ul>
<li><a class="social_icon facebook" href="http://facebook.com" title="Facebook" target="_blank"></a></li>
<li><a class="social_icon twitter" href="https://twittercom" title="Twitter" target="_blank"></a></li>
<li><a class="social_icon youtube" href="http://www.youtube.com" title="Youtube" target="_blank"></a></li>
<li><a class="social_icon googleplus" href="https://plus.google.com" title="Google+" target="_blank"></a></li>
<li><a class="social_icon rss" href="rss.php" title="RSS" target="_blank"></a></li>
</ul>
</div></div>CSS dosyasina eklenecek kodlar:
Kod:
#social {
float: right; margin-top: 5px;
}
#social ul, #sosyal li {
float: left; list-style: none; margin: 0; padding: 0;
}
#social a {
display: block; padding-right: 15px; line-height: 36px; color: #444;
}
#social .social_icon {
background: url(http://s14.directupload.net/images/140304/mne7u7qa.png) no-repeat; height: 36px; width: 36px; padding: 0;
}
#social .facebook {
background-position: 0 0;
}
#social .twitter {
background-position: 0 -78px;
}
#social .googleplus {
background-position: 0 -156px;
}
#social .youtube {
background-position: 0 -390px;
}
#social .rss {
background-position: 0 -468px;
}
#social .facebook:hover {
background-position: 0 -39px;
}
#social .twitter:hover {
background-position: 0 -117px;
}
#social .googleplus:hover {
background-position: 0 -195px;
}
#social .youtube:hover {
background-position: 0 -429px;
}
#social .rss:hover {
background-position: 0 -507px;
}Cvp: Sosyal paylaşım butonları - cemm - 19-10-2013
@ReDMaD, Yukarıdaki resimlerin birebir aynısı değil mi ?
Html kodlarını Footer en altta ekliyoruz sanırım ?
Ayrıca Çok Teşekkür ederim.
Cvp: Sosyal paylaşım butonları - CrazyTürk - 19-10-2013
şablona uy
Cvp: Sosyal paylaşım butonları - ReDMaD - 19-10-2013
(19-10-2013, Saat:11:02)cemm Adlı Kullanıcıdan Alıntı: @ReDMaD, Yukarıdaki resimlerin birebir aynısı değil mi ?
Html kodlarını Footer en altta ekliyoruz sanırım ?
Ayrıca Çok Teşekkür ederim.
Evet, bircok yerlerde paylaşilan kodlar. İstedigin yerde kullanabilirsin o size kalmiş birşey.
Cvp: Sosyal paylaşım butonları - Screwy - 19-10-2013
Sanırım sorun çözüldü... Konu Kilit...