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:
scription">Kod:
                        <div class="cat_bar">
                            <h3 class="catbg">';
Değiştir:
description">Kod:
                        <div class="category_', $category['id'], '">
                            <h3 class="category_', $category['id'], '">';
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