MyBB Depo Forum
MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Mybb Ders Deposu (https://mybbdepo.com/mybb-ders-deposu-forumu)
+--- Forum: Yazılı Anlatım Deposu (https://mybbdepo.com/yazili-anlatim-deposu-forumu)
+--- Konu Başlığı: MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) (/mybb-forumunuza-duyuru-ve-sosyal-medya-bari-ekleyin-sade-css-konusu.html)

Sayfalar: 1 2

MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) - BlackCat - 22-02-2015

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


Cvp: MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) - DeepWebTR - 22-02-2015

Denedim gayet hoş durdu.Fakat Bizi Sosyal Ağlarda Bulun barı,önizlemedeki gibi değil.Ama yine de güzel,teşekkürler.

Cvp: MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) - samuray2074 - 22-02-2015

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.

Cvp: MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) - Kiliza - 22-02-2015

Paylaşım için teşekkürler abi Süper Gerçekten de çok hoş duruyor. 

Cvp: MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) - EmreKRMN - 22-02-2015

Paylaşım için teşekkürler hocam Gülümseme

Cvp: MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) - DeepWebTR - 22-02-2015

(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.

Cvp: MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) - trafikci258 - 23-02-2015

denedim sonuç olumlu bir sıkıntıda yok elinize sağlık

resim

Cvp: MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) - ProTayfun - 23-02-2015

Teşekkürler

Gerçekten iyi