Smf 2.1 kategori ikonları

Selam,

basit bir düzenleme yaptım çok özellikli değil ama şimdilik iş görüyor




Themes / default / BoardIndex.template.php

bul

Kod Seç Genişlet

<div class="board_icon">
değiştir

Kod Seç Genişlet

<div class="board_icon w', $board['id'], '">

Themes / default / css / index.css

bul

Kod Seç Genişlet

.board_icon a {
background: url(../images/boardicons.png) no-repeat 0 0 / 90px;
display: inline-block;
width: 45px;
height: 45px;
}
.board_icon a.board_on2 {
background-position: -45px 0;
}
.board_icon a.board_off {
background-position: 0 -45px;
}
.board_icon a.board_redirect {
background-position: -45px -45px;
}
.board_icon {
text-align: center;
padding: 8px 0 0 0;
width: 60px;
flex-shrink: 0;
}
değiştir

Kod Seç Genişlet


.board_icon a {
background: url(../images/boardicons.png) no-repeat 0 0 / 90px;
display: inline-block;
width: 45px;
height: 45px;
}

.w1 a {background: url(../images/board-icons/1.png) no-repeat 0 0 / 60px;display: inline-block;width: 60px;height: 60px;}

.w7 a {background: url(../images/board-icons/7.png) no-repeat 0 0 / 60px;display: inline-block;width: 60px;height: 60px;}

.w28 a {background: url(../images/board-icons/28.png) no-repeat 0 0 / 60px;display: inline-block;width: 60px;height: 60px;}

.w29 a {background: url(../images/board-icons/29.png) no-repeat 0 0 / 60px;display: inline-block;width: 60px;height: 60px;}


.board_icon a.board_on2 {

}
.board_icon a.board_off {
 
}
.board_icon a.board_redirect {
background: url(../images/board-icons/14.png) no-repeat 0 0 / 60px;
display: inline-block;
width: 60px;
height: 60px;
}
.board_icon {
text-align: center;
padding: 8px 0 0 0;
width: 80px;
flex-shrink: 0;
margin: 4px 14px 0px 8px;
}

İkonlarınızı kategori ID numaralarına göre isimlendirip board-icons klasörüne atın ve Themes / default / images /  klasörüne yükleyin   


css dosyasında .wX  bölümlerini  kopyalayıp kategori ID numaralarına göre dizenleyin yukarıda ki kodlarda  4 kategori için örnek kodlar var..