Smf 2.1 kategori ikonları

Başlatan gevv, 16 Şub 2021 19:38

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

*

  1. 96

  2. 27

  3. 63
16 Şub 2021 19:38 Son düzenlenme: 16 Şub 2021 22:03 gevv

Selam,

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




Themes / default / BoardIndex.template.php

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

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

Themes / default / css / index.css

bul

.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


.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..







MENU ×