Ikony działu

wersja skryptu MyBB: 1.8.6
adres forum: www.zgrywus.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Nazwa stylu : Skill-Game
Witam,
Mam problem z ikoną w dziale.

Znalazłem tutaj, że trzeba poszukać kod  w Opis działu - szablony > forumbit_depth2_forum

<tr>
<td class="trow2" align="center" width="6%"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" />
</td>

a następnie zmienić z gif na png

{$theme['imgdir']}/{$lightbulb['folder']}.png  

Jest problem, ponieważ mam trochę inny kod i nigdzie nie ma rozszerzenia .gif
mam taki kod :

<tr>
<td style="border-right:1px solid #272727;" class="{$bgcolor}" align="center" valign="top" width="6%"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>

na forum widać, ze ikona jest ale jest ucięta, raz na dole raz na górze itd

W szablonach MyBB 1.8x grafiki są w formacie .png
http://zgrywus.xaa.pl/images/forum_icon_sprite.png
Za ikonki odpowiada klasa forum_status oraz forum_on/off/offlock/offlink w global.css

w global.css mam :

.forum_status {
height: 30px;
width: 40px;
background: url(images/forum_icon_sprite.png) no-repeat 0 0;
display: inline-block;
}

.forum_on {
background-position: 0 0;
}

.forum_off {
background-position: 0 -30px;
}

.forum_offlock {
background-position: 0 -60px;
}

.forum_offlink {
background-position: 0 -90px;
}

NIe bardzo wiem, co zmienić

No ale co chcesz osiągnąć?

Chcę, aby była jedna ikona ta sama przy każdym dziale.
Jest ta ikona, ale jest ona "ucieta"

link do ss :
http://www69.zippyshare.com/v/CVR2j60L/file.html

Oczywiście można wejść na forum i zobaczyć //

Wejdź do global.css i w klasie forum_stats z

height: 30px;    
width: 30px;

na:

height: 48px;    
width: 48px;

Masz namieszane w stylu i dodatkowo "utwardzone" wyświetlanie ikonki, co jest strasznie słabe, ale co tam.

W global.css zeedytuj klasę

.forum_status

Ustaw szerokość np. na 50px a wysokość na 60px i będzie śmigało.
http://i.imgur.com/LCZZs1A.png

//edit. No nic, w momencie pisania postu nie wyświetlała mi się odpowiedź od @Gandziu

height: 50px;    
width: 60px;

height: 60px;    
width: 50px;

Niektóre są ucięte

Ponieważ nie korzystasz ze spritów. Usuń pozycje tła

.forum_off {
background-position: 0 -30px;
}

.forum_offlock {
background-position: 0 -60px;
}

.forum_offlink {
background-position: 0 -90px;
}

W tych klasach.

Bardzo dziękuję, działa.