Demo: http://www.duygusuz.com/forum/showth...mli-42699.html
Kurulum.
1. Öncelike ekteki misc klasörünü forumuzdaki /images/ klasörü içine atın. Resimlerin yolu şu şekilde olacak. ForumRoot/images/misc
2. Aşağıdaki css kodunu;
AdminCP > Styles & Templates > Stil Yöneticisi > Ana Css > Ek CSS Tanımları
kısmında bulunan css lerinen altına yapıştırın.
Not: Ek Css tanımları ana css'ye girdikten sonra en alt kısımdadır.
Css kodu:
.warning-box,
.attention-box,
.notice-box,
.help-box,
.information-box
{
color: #000;
border: 1px solid #000;
-moz-border-radius: 5px;
background-color: #FCF8C7;
padding: 6px;
text-align:left;
}
.warning-box img,
.attention-box img,
.help-box img,
.notice-box img,
.information-box img
{
float:left;
margin-top: 10px;
margin-right: 5px;
vertical-align:middle;
border: 0px;
}
.warning-box h2,
.warning-box p,
.notice-box h2,
.notice-box p,
.attention-box h2,
.attention-box p,
.help-box h2,
.help-box p,
.information-box h2,
.information-box p
{
padding: 0px;
margin: 0px;
margin-left: 60px;
}
.warning-box h2,
.attention-box h2,
.notice-box h2,
.help-box h2,
.information-box h2
{
padding-bottom: 4px;
font-size: 14px;
border-bottom: 1px solid #000;
}
.warning-box h1,
.attention-box h1,
.notice-box h1,
.help-box h1,
.information-box h1
{
padding: 0px;
margin: 0px;
margin-left: 60px;
font-size: 12px;
font-weight:normal;
}
.warning-box h6,
.attention-box h6,
.notice-box h6,
.help-box h6,
.information-box h6
{
margin: 20px;
padding: 0px;
margin-left: 60px;
font-size: 12px;
font-weight:normal;
}
.warning-box
{
background-color: #FFCCCC;
}
.help-box
{
background-color: #d5eeb6;
}
.warning-box ul,
.attention-box ul,
.notice-box ul,
.help-box ul,
.information-box ul
{
margin-left: 30px;
}
3. Şimdi sıra BB kodları tanımlamaya geldi.
Admincp > Özel BB Kodları > Yeni BB Kodu Ekle
-----------------------------------------------------------
a. Bilgilendirme Kutusu
Başlık: Bilgi
Tag: bilgi
Yer Değiştirme:
<div class='information-box'>
<img src='images/misc/information.gif' alt='information' />
<h2><strong>Bilgilendirme</strong></h2>
<h1><font color="#000000">{param}</font></h1>
<br /><br /></div>Örnek: [bilgi]Bu bir bilgilendirme kutusudur[/bilgi]-----------------------------------------------------------
b. Yardım Kutusu
Başlık: Yardım
Tag: yardim
Yer değiştirme:
<div class='help-box'>
<img src='images/misc/help.gif' alt='help' />
<h2><strong>Yardım ve İpucu</strong></h2>
<h1><font color="#000000">{param}</font></h1>
<br /><br /></div>Örnek: [yardim]Yardım Kutusu[/yardim]-----------------------------------------------------------
c. Uyarı kutusu
Başlık: Uyarı
Tag: uyari
Yer değiştirme:
<div class='attention-box'>
<img src='images/misc/attention.gif' alt='attention' />
<h2><strong>Uyarı!</strong></h2>
<h1><font color="#000000">{param}</font></h1>
<br /><br /></div>Örnek: [uyari]Bu bir uyarı kutusudur[/uyari]-----------------------------------------------------------
d. Dikkat kutusu
Başlık: Dikkat
Tag: Dikkat
Yer değiştirme:
<div class='notice-box'>
<img src='images/misc/notice.gif' alt='notice' />
<h2><strong>Dikkat</strong></h2>
<h1><font color="#000000">{param}</font></h1>
<br /><br /></div>Örnek: [dikkat]Bu bir Dikkat Kutusudur[/dikkat]-----------------------------------------------------------
Orjinal vb.org linki: Alert Box - vBulletin.org Forum
