Bu BB kodlar forumunuza css ile hazırlanmış bilgilendirme kutucukları eklemenizi sağlar.
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