MyBB Depo Forum
[MCTR] MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı] - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Ana Sayfa (https://mybbdepo.com/ana-sayfa-forumu)
+---- Konu Başlığı: [MCTR] MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı] (/mctr-stil-yeni-golgeli-duyuru-cubugu-resimli-sari-konusu.html)

Sayfalar: 1 2


MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı] - 007combatant - 22-12-2011

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


MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı] - acarshow - 25-06-2012

emeğinize sağlık....


MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı] - Legans - 29-07-2012

76 kişi indirmiş 1 teşekkür ya var ya yok teşekkürler


MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı] - elaciz - 03-08-2012

faydalı bilgi. işe yaradı teşekkürler.


MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı] - EXPOLIT - 22-09-2012

Global.css

bulamadım bunu


MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı] - Gorkew - 30-09-2012

Hocam arkaplan sarı olmuyor çünkü rarın içinde sarı arkaplan resmi yok. :S


MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı] - metehansisman - 29-10-2012

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


MCTR Stil Yeni Gölgeli Duyuru Çubuğu - [Resimli + Sarı] - ExcellenTExperT - 29-10-2012

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;
}