22-04-2013, Saat:14:21
admin paneli
temalar & şablonlar şablonlar temanız postbit postbit_author_user ekle Kod:
<div id="sosyal"><ul>
<li><a class="social_icon facebook" href="http://www.facebook.com/$post[fidX]" title="Facebook" target="_blank"></a></li>
<li><a class="social_icon flickr" href="http://flickr.com/$post[fidX]" title="Flicker" target="_blank"></a></li>
<li><a class="social_icon twitter" href="http://twitter.com/$post[fidX]" title="Twitter" target="_blank"></a></li>
<li><a class="social_icon youtube" href="http://youtube.com/$post[fidX]" title="Youtube" target="_blank"></a></li>
</ul></div>admin paneli
ayarlar özel profil yönetimi yeni profil alanı ekle sırayla ekleyin
facebook , flickr , twitter, youtubeekledikten sonra özel profil yönetimi sayfasında, eklediğiniz her alanın bir ID numarası gözükecektir. mesela bakın, facebook 4, flicker 5 .
yukarıdaki koddaki şu alanları, buna göre yapacaksınız. $post[fidX] yerine.
ÖRNEK;
yukarıdaki verdiğim kod;
<li><a class="social_icon facebook" href="http://www.facebook.com/$post[fidX]" title="Facebook" target="_blank"></a></li>
sizin düzenledikten sonraki kod;
<li><a class="social_icon facebook" href="http://www.facebook.com/$post[fid4]" title="Facebook" target="_blank"></a></li>
admin paneli
temalar & şablonlar temalar temanız css oluştur Stil Adı
social.cssBağlı olduğu dosyalar
genel stilKendi içeriğimi yazmak istiyorum
Kod:
#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://e1211.hizliresim.com/13/m/g2k9f.png) no-repeat; height: 36px; width: 36px; padding: 0;
}
#sosyal .facebook {
background-position: 0 0;
}
#sosyal .twitter {
background-position: 0 -78px;
}
#sosyal .flickr {
background-position: 0 -312px;
}
#sosyal .youtube {
background-position: 0 -390px;
}
#sosyal .facebook:hover {
background-position: 0 -39px;
}
#sosyal .twitter:hover {
background-position: 0 -117px;
}
#sosyal .flickr:hover {
background-position: 0 -351px;
}
#sosyal .youtube:hover {
background-position: 0 -429px;
}