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, youtube
ekledikten 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.css
Bağlı olduğu dosyalar genel stil
Kendi 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;
}