Temat: Własne ikonki tematów
W tym poradniku opiszę jak zamienić standardowe ikony tematów na własne ikonki, tak jak na tym forum (linuksowe ikonki folderów)
Plik nazwa_stylu.css, znajdź (wiersz ok. 999):
.brd .main-content .main-item .icon {
border-style: solid;
border-width: 0.5833em;
height: 0;
width: 0;
float: left;
margin-top: 0.667em;
margin-left: -2.417em;
}
Zamień na:
.brd .main-content .main-item .icon {
height: 32px; /* Wysokość ikony */
width: 32px; /* Szerokość ikony */
float: left;
margin-top: 0.45em;
margin-left: -3.6em;
}
Plik nazwa_stylu_cs.css, znajdź (końcówka pliku):
/* Status indicators
----------------------------------------------------------------*/
.brd .main-content .main-item .icon {
border-color: #EDF1F5 #DDE0E4 #C6CBD3 #BABFC6;
}
.brd .main-content .redirect .icon {
border-color: #f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4;
}
.brd .main-content .sticky .icon {
border-color: #D7E5F3 #C3CFDC #9FB3C7 #90A2B4;
}
.brd .main-content .closed .icon {
border-color: #ACACAC #979797 #898989 #7A7A7A;
}
.brd .main-content .sticky .closed .icon {
border-color: #D7E5F3 #C3CFDC #898989 #7A7A7A;
}
.brd .main-content .new .icon {
border-color: #2B75AD #235E8C #1F537B #266799;
}
zamień na:
/* Status indicators
----------------------------------------------------------------*/
/* Zwykłe tematy */
.brd .main-content .main-item .icon {
background: url(img/status.png);
}
/* Przekierowania */
.brd .main-content .redirect .icon {
background: url(img/status.png);
}
/* Przyklejone tematy */
.brd .main-content .sticky .icon {
background: url(img/status_sticky.png);
}
/* Zamknięte tematy */
.brd .main-content .closed .icon {
background: url(img/status_closed.png);
}
/* Zamknięte i przyklejone tematy */
.brd .main-content .sticky.closed .icon {
background: url(img/status_sticky.png);
}
/* Tematy z nowymi postami */
.brd .main-content .new .icon {
background: url(img/status_new.png);
}
Teraz pozostaje tylko wrzucić na serwer odpowiednie obrazki.