MyBB Depo Forum

Orjinalini görmek için tıklayınız: MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı]
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2
Anasayfa'ya MCTR Stil Gölgeli Duyur Bar Yapımı
Yapımcı: XpSerkan

İlk önce aşağıdaki css kodlarını kullandığınız temanın / Global.css Kalıplarından / Gelişmiş düzenlemeye girip en sona ekliyorsunuz..

PHP Kod:
.anket_bar {
    
backgroundurl(images/anket-bar.pngrepeat-x bottom left #FFF6CE;
    
padding5px 10px;
    
margin-top0px;
    
font-size12px;
    
font-familyTahoma;
    
font-weightbold;
    
margin-bottom10px;
    
border1px solid #1A3F91;
    
border-radius5px;
    -
moz-border-radius5px;
    -
webkit-border-radius5px;
    
box-shadow0px 0px 5px #333;
    
-moz-box-shadow0px 0px 5px #333;
    
-webkit-box-shadow0px 0px 5px #333;


Daha sonra tekrar kullandığınız temanın / İndex Şablonlarında Şu kodu bulup:
PHP Kod:
{$header

Hemen altına şu kodları ekliyorsunuz:
Kod:
<div class="anket_bar"><img src="images/anket.gif" alt="Anket" style="vertical-align: middle;">&nbsp;<a href="http://site-adresiniz.com">Konu Başlığı Buraya - 1</a>
<div class="float_right"><img src="images/anket.gif" alt="Anket" style="vertical-align: middle;">&nbsp;<a href="http://site-adresiniz.com">Konu Başlığı Buraya - 2</a></div>
</div>

Kodları ekledikten sonra kendinize göre düzenleyin (link ve link başlığını.)

Son olarak ekteki verdiğim grafikleri ftp'den ./images klasörünün içine atıyorsunuz..

Sonuç Ekran Görüntüsü:
resim

Rar Şifresi: mybb.com.tr


AlıntıKaynak: www.mybb.com.tr
emeğinize sağlık....
76 kişi indirmiş 1 teşekkür ya var ya yok teşekkürler
faydalı bilgi. işe yaradı teşekkürler.
Global.css

bulamadım bunu
Hocam arkaplan sarı olmuyor çünkü rarın içinde sarı arkaplan resmi yok. :S
kodlar eklenmiyo

.anket_bar&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;url(images/anket-bar.png)&nbsp;repeat-x&nbsp;bottom&nbsp;left&nbsp;#FFF6CE;
&nbsp;&nbsp;&nbsp;&nbsp;padding:&nbsp;5px&nbsp;10px;
&nbsp;&nbsp;&nbsp;&nbsp;margin-top:&nbsp;0px;
&nbsp;&nbsp;&nbsp;&nbsp;font-size:&nbsp;12px;
&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;Tahoma;
&nbsp;&nbsp;&nbsp;&nbsp;font-weight:&nbsp;bold;
&nbsp;&nbsp;&nbsp;&nbsp;margin-bottom:&nbsp;10px;
&nbsp;&nbsp;&nbsp;&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;#1A3F91;
&nbsp;&nbsp;&nbsp;&nbsp;border-radius:&nbsp;5px;
&nbsp;&nbsp;&nbsp;&nbsp;-moz-border-radius:&nbsp;5px;
&nbsp;&nbsp;&nbsp;&nbsp;-webkit-border-radius:&nbsp;5px;
&nbsp;&nbsp;&nbsp;&nbsp;box-shadow:&nbsp;0px&nbsp;0px&nbsp;5px&nbsp;#333;
&nbsp;&nbsp;&nbsp;&nbsp;-moz-box-shadow:&nbsp;0px&nbsp;0px&nbsp;5px&nbsp;#333;
&nbsp;&nbsp;&nbsp;&nbsp;-webkit-box-shadow:&nbsp;0px&nbsp;0px&nbsp;5px&nbsp;#333;
}

böyle oluyo
Kodu Metin Belgesine yapıştır. Daha sonra metin belgesinden kopyala Global.css ekle en alta ekle

Kod:
.anket_bar {
    background: url(images/anket-bar.png) repeat-x bottom left #FFF6CE;
    padding: 5px 10px;
    margin-top: 0px;
    font-size: 12px;
    font-family: Tahoma;
    font-weight: bold;
    margin-bottom: 10px;
    border: 1px solid #1A3F91;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
}
Sayfalar: 1 2