MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
cemm avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Sosyal paylaşım butonları


Sponsor Reklam
media venus

Çevrimdışı cemm
 Tarih: 19-10-2013, Saat:10:38
#1
site adresi:
Kod:
fourmalite.com
mybb sürümü: 1.6.10




Arkadaşlar şu resimdeki sosyal paylaşım butonlarının kodlarını bilen var mı ? rica etsem yardımcı olur mu ?

resim
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

İzinli ReDMaD
 Tarih: 19-10-2013, Saat:10:56
(Son Düzenleme: 04-03-2014, Saat:15:01, Düzenleyen: ReDMaD.)
#2
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;
}
Bunu Beğenenler: Screwy

Çevrimdışı cemm
 Tarih: 19-10-2013, Saat:11:02
(Son Düzenleme: 19-10-2013, Saat:11:03, Düzenleyen: cemm.)
#3
@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.
Bunu Beğenenler: ReDMaD

Çevrimdışı CrazyTürk
 Tarih: 19-10-2013, Saat:12:10
#4
şablona uy
Bunu Beğenenler:

İzinli ReDMaD
 Tarih: 19-10-2013, Saat:13:49
#5
(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. Gülümseme
Bunu Beğenenler: Screwy

İzinli Screwy
 Tarih: 19-10-2013, Saat:13:56
#6
Sanırım sorun çözüldü... Konu Kilit...
Bunu Beğenenler: ReDMaD

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Arkadaşlar Apart Theme Kurdum Siteme de Butonları Bozuk Düzeltemiom byburak 3 645 13-12-2013, Saat:01:52
Son Yorum: Warsofdays
Bigi Paylaşım Eklentisi Var mı? salih0042 2 570 31-08-2013, Saat:17:09
Son Yorum: salih0042
SSS [MCTR - 1.6] Header daki Facebook , Twitter ve Google+ butonları hakkında TarmoratioN 0 479 20-07-2013, Saat:13:38
Son Yorum: TarmoratioN
  Tema Butonları Çalışmıyor burakcanalgul 10 1,151 19-07-2013, Saat:23:12
Son Yorum: Ertac Karacan
  site butonları sorunu bitanem03 9 1,176 24-06-2013, Saat:18:15
Son Yorum: Smyrna35



Konuyu Okuyanlar: 1 Ziyaretçi