Второй урок.Внизу расположен код.

Коды иконок написал(а):

</style>
<style type="text/css"> Div.icon {
background-image : url(ссыль иконки);
background-repeat: no-repeat;
px: 100%
}
</style>
Иконка старых сообщений
<style type="text/css">TR.inew Div.icon {
background-image : url(ссыль иконки);
background-repeat: no-repeat;
}
</style>
Иконка новых сообщений
<style type="text/css"> TR.iclosed Div.icon {
background-image : url(ссыль иконки);
background-repeat: no-repeat;
}
</style>
Тема закрыта
<style type="text/css">TR.isticky Div.icon {
background-image : url(ссыль иконки);
background-repeat: no-repeat;
}
</style>
Важная тема

Так же...

Дополнительный код написал(а):

<style>
.punbb td div.tclcon {
margin-left: 65px;
}
</style>

- оступ иконки от названия темы и/или форума.Там где "left" можно изменить на своё (right, center).В px длина расстояния от названия темы и/или форума.

Дополнительный код написал(а):

.punbb table Div.icon {float: left; display: block; width: 100px; height: 100px; border-style: none none none none;}

- помогает просмотреть иконки (в некотырых частых случаях случаеться, что иконка совершенно не видно).Вставлять в "Цвета css" в Стиле.Внизу, предпоследняя строчка.
http://i2.fastpic.ru/big/2011/0515/e5/ef94def085afbbc1212f8f64778b00e5.jpg

Дополнительное и очень важное написал(а):

width: 100px; height: 100px;

- здесь нужно изменить на свои пиксили, что - бы просматривалась иконка
Д/З: Сделать скрин с получившимися у вас экспериментом с иконками