Bunun gibi nasıl yapıcaz arkadaşlar

[HardDrinker]

[Dynamic]

Açıklama !
Konturlu Duyuru Panosu.

Kurulumu !

Admin Kp > Temalar > Temanız > Yeni Stil Sayfası Oluştur.[CSS Ekle]
Dosya Adı ; boardmessage_styles.css
İlişkilendirilen ; Genel

En Altta Kendi İçeriğimi Yaz Tıklıyoruz İçine şu Kodları yazıp Stil Sayfasını Kaydet Diyoruz.

Kod: Tümünü Seç Tümünü Kopyala

<style type="text/css">

.alert_yellow {
background: #FFF6BF;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}

.alert_blue {
background: #ADCBE7;
border-top: 2px solid #0F5C8E;
border-bottom: 2px solid #0F5C8E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}

.alert_red {
background: #FFB2B2;
border-top: 2px solid #FF4444;
border-bottom: 2px solid #FF4444;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}

.alert_green {
background: #D6ECA6;
border-top: 2px solid #8DC93E;
border-bottom: 2px solid #8DC93E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.alert_black {
background: black;
border-top: 2px solid #B2B2B2;
border-bottom: 2px solid #B2B2B2;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.alert_purple {
background: #E0B2FF;
border-top: 2px solid #802F99;
border-bottom: 2px solid #802F99;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.alert_orange {
background: #FFC57F;
border-top: 2px solid #FF8C00;
border-bottom: 2px solid #FF8C00;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.alert_light_blue {
background: #9BFFFF;
border-top: 2px solid #0F9999;
border-bottom: 2px solid #0F9999;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
</style>}
.alert_purple {
background: #E0B2FF;
border-top: 2px solid #802F99;
border-bottom: 2px solid #802F99;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.alert_orange {
background: #FFC57F;
border-top: 2px solid #FF8C00;
border-bottom: 2px solid #FF8C00;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.alert_light_blue {
background: #9BFFFF;
border-top: 2px solid #0F9999;
border-bottom: 2px solid #0F9999;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}

</style>

Şimdi, Admin Kp > Şablonlar > Temanız > İndex şablonlarda {$header} Altına ekleyin ;

Kod: Tümünü Seç Tümünü Kopyala

<p class="alert_blue"><font color="green"><font size="3"><a style="" href="www.destek.10tl.net">Destek.10tl.net</a></font></font><br>
</p>

Caps !


Hakkında !
Not : {$header} Altına eklediğiniz kodda "alert_blue" Bölümünü "yellow" veya başka renk olarak değiştirirseniz diğer renk kodlarına geçecek. Aynı zamanda Global css eklediğimiz kodlardaki Renk kodlarını kendi zevkinize göre değiştirebilirsiniz.

Not 2 : {$header} Altına eklediğiniz kodda "<font size="3">" Bölümünü "<font size="1">" olarak değiştirirseniz yazı boyutu küçülecek o kısımı 1-6 arası değiştirebilirsiniz.

Duyuru Panosu için Kullanılabilecek renk Kodları {Aynı zamanda Renk Kodu'da kullanılabilir} ;

Sarı renk için = "alert_yellow"
Açık Mavi renk için = "alert_light_blue"
Mavi renk için = "alert_blue"
Kırmızı renk için = "alert_red"
Yeşil renk için = "alert_green"
Turuncu renk için = "alert_orange"
Siyah renk için = "alert_black"
Mor renk için = "alert_purple"

İyi Forumlar Alıntıdır.