Geçici demo:
smf deneme tahtası - Anasayfa

Paket olarak kurmak isteyenler şuradan paketi indirebilir: Her kategoriye farklı catbg - SMF 2.0
Her kategoriye farklı bir catbg eklemeye yarar.
Renkleri beğenmezseniz ekteki category klasörünün içindeki resimleri bependiğiniz temaların main_block.png resimleri ile değiştirirsiniz.

Modifikasyon boardindex.template ve index.css dosyası olmak üzere 2 dosyada değişiklik arz ediyor.

Paketlerden kurabilirsiniz.

Manuel kurulum:
./Themes/default/BoardIndex.template.php
Bul:
Kod:


';

Değiştir:
Kod:


';

index.css en alta ekle:
Kod:

h3.category_1
{
background: url(../images/category/1.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_1
{
background: #99abbf url(../images/category/1.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}

h3.category_2
{
background: url(../images/category/2.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_2
{
background: #99abbf url(../images/category/2.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_3
{
background: url(../images/category/3.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_3
{
background: #99abbf url(../images/category/3.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_4
{
background: url(../images/category/4.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_4
{
background: #99abbf url(../images/category/4.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_5
{
background: url(../images/category/5.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_5
{
background: #99abbf url(../images/category/5.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_6
{
background: url(../images/category/6.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_6
{
background: #99abbf url(../images/category/6.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_7
{
background: url(../images/category/7.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_7
{
background: #99abbf url(../images/category/7.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_8
{
background: url(../images/category/8.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_8
{
background: #99abbf url(../images/category/8.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_9
{
background: url(../images/category/9.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_9
{
background: #99abbf url(../images/category/9.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_10
{
background: url(../images/category/10.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_10
{
background: #99abbf url(../images/category/10.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_11
{
background: url(../images/category/11.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_11
{
background: #99abbf url(../images/category/11.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_12
{
background: url(../images/category/12.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_12
{
background: #99abbf url(../images/category/12.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_13
{
background: url(../images/category/13.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_13
{
background: #99abbf url(../images/category/13.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
h3.category_14
{
background: url(../images/category/14.png) no-repeat 100% -160px;
padding-right: 9px;
padding-top: 6px;
color: #ffffff;
}
div.category_14
{
background: #99abbf url(../images/category/14.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}

Paketten çıkan category isimli klasörü ./Themes/default/images/ içine atın.

Kaynak: Her kategoriye farklı catbg - SMF 2.0