MyBB Depo Forum
Postbitte Üyenin Sosyal Ağları ! - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Üye Profili & Postbit (https://mybbdepo.com/uye-profili-postbit-forumu)
+---- Konu Başlığı: Postbitte Üyenin Sosyal Ağları ! (/postbitte-uyenin-sosyal-aglari-konusu.html)

Postbitte Üyenin Sosyal Ağları ! - Feyz - 22-04-2013

resim

admin paneli Sağ Ok temalar & şablonlar Sağ Ok şablonlar Sağ Ok temanız Sağ Ok postbit Sağ Ok postbit_author_user Sağ Ok 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 Sağ Ok ayarlar Sağ Ok özel profil yönetimi Sağ Ok yeni profil alanı ekle Sağ Ok
sırayla ekleyin Sağ Ok 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 .

resim

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 Sağ Ok temalar & şablonlar Sağ Ok temalar Sağ Ok temanız Sağ Ok css oluştur Sağ Ok
Stil Adı Sağ Ok social.css
Bağlı olduğu dosyalar Sağ Ok genel stil
Kendi içeriğimi yazmak istiyorum Sağ Ok

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;
}


Postbitte Üyenin Sosyal Ağları ! - Flawless - 22-04-2013

saol.d

Postbitte Üyenin Sosyal Ağları ! - Sorrow - 24-04-2013

Sağol

Cvp: Postbitte Üyenin Sosyal Ağları ! - Tripmaker - 02-06-2013

Bu kodu nasıl ortalayabiliriz ?