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.
Ekran Görüntüsü :
Kurulumu :
Kodları şablona eklemeden önce şablonunuzun her ihtimale karşı yedeğini almayı unutmayın.
Temalar&Şablonlar Şablonlar Ana Sayfa Şablonlar index şablonunu açın ve {$header} kodunun altına ekleyin:
kaydedip kapatın.
Temalar&Şablonlar Temalar Temanız global.css Gelişmiş Düzenleyici'ye girin ve en alta aşağıdaki kodları kopyalayıp yapıştırın.
Uyarı: Kodları düzenleyiciye eklemeden önce tüm kodların her ihtimale karşı yedeğini almayı unutmayın.
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.
Ekran Görüntüsü :
Kurulumu :
Kodları şablona eklemeden önce şablonunuzun her ihtimale karşı yedeğini almayı unutmayın.
Temalar&Şablonlar Şablonlar Ana Sayfa Şablonlar 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 Temalar Temanız global.css Gelişmiş Düzenleyici'ye girin ve en alta aşağıdaki kodları kopyalayıp yapıştırın.
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