MyBB Depo Forum

Orjinalini görmek için tıklayınız: MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css)
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2
Merhaba arkadaşlar, uzun aradan sonra yeni bir konuyla karşınızdayım.

Bu konuda forumunuza sade, kullanışlı 3'lü duyuru ve 'bizi sosyal medyada bulun' barlarını forumunuza nasıl ekleyeceğini anlatacağım. Tamamı css ve html kodlarından oluşuyor.

Resim-Grafik Ekran Görüntüsü : resim

Eklenti-Plugin  Kurulumu :

Dikkat-Uyarı-Kural  Kodları şablona eklemeden önce şablonunuzun her ihtimale karşı yedeğini almayı unutmayın.

Temalar&Şablonlar Sağ Ok Şablonlar Sağ Ok Ana Sayfa Şablonlar Sağ Ok index şablonunu açın ve {$header} kodunun altına ekleyin:

Kod:
<div class="newsbar newsbar1"><a href="Linkiniz">Duyuru 1</a></div>
<div class="newsbar newsbar2"><a href="Linkiniz2">Duyuru 2</a></div>
<div class="newsbar newsbar3"><a href="Linkiniz3">Duyuru 3</a></div>
<div class="newsbar social">
 <span>Bizi Sosyal Ağlarda Bulun</span>
  <span><a href="Twitter Linki"><img src="http://i.hizliresim.com/9VDaDN.png"> Twitter Hesabımız</a></span>
  <span><a href="Facebook Linki"><img src="http://i.hizliresim.com/GvymBZ.png"> Facebook Sayfamız</a></span>
  <span><a href="Youtube Kanal Linki"><img src="http://i.hizliresim.com/kjX9Xq.png"> Youtube Kanalımız</a></span>
</div>

kaydedip kapatın.

Temalar&Şablonlar Sağ Ok Temalar Sağ Ok Temanız Sağ Ok global.css Sağ Ok Gelişmiş Düzenleyici'ye girin ve en alta aşağıdaki kodları kopyalayıp yapıştırın.

Dikkat-Uyarı-Kural Uyarı: Kodları düzenleyiciye eklemeden önce tüm kodların her ihtimale karşı yedeğini almayı unutmayın.


Kod:
.newsbar {
text-align: center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px 10px;
margin: 10px 0 0;
}

.newsbar1 {
background: #4BC7F5;
border: 1px solid #0B93C5;
}

.newsbar2 {
background: #C0EA43;
border: 1px solid #80AB00;
}

.newsbar3 {
background: #FB3;
border: 1px solid #DA9201;
}

.social {
margin-bottom: 10px;
border: 1px solid #CCC;
}

.social span {
border-right: 1px solid #DDD;
padding: 0px 16px;
}


.social > span > a > img {
    vertical-align: middle;
    margin-right: 5px;
}


Alıntı:Orjinal Konu: http://community.mybb.com/thread-163110.html
Denedim gayet hoş durdu.Fakat Bizi Sosyal Ağlarda Bulun barı,önizlemedeki gibi değil.Ama yine de güzel,teşekkürler.
Kod:
.social > span > a > img {
    vertical-align: middle;
    margin-right: 5px;
}

Sosyal paylaşım bölümünde yazı ve resim orantısız duruyor paylaştığım koduda eklerseniz sorun çözülür.
Paylaşım için teşekkürler abi Süper Gerçekten de çok hoş duruyor. 
Paylaşım için teşekkürler hocam Gülümseme
(22-02-2015, Saat:18:48)samuray2074 Adlı Kullanıcıdan Alıntı: [ -> ]
Kod:
.social > span > a > img {
    vertical-align: middle;
    margin-right: 5px;
}

Sosyal paylaşım bölümünde yazı ve resim orantısız duruyor paylaştığım koduda eklerseniz sorun çözülür.

Teşekkürler,şimdi çok güzel oldu.
denedim sonuç olumlu bir sıkıntıda yok elinize sağlık

resim
Teşekkürler

Gerçekten iyi
Sayfalar: 1 2