Смотрю.

Хорошо. Теперь выбери изображение с кошкой (Собакой, кружкой кофе и т.д.), которое будет на всех иконках.

Открываешь изображение в фотошопе. Идёшь в Изображение - Размер изображения. Ставишь галочку в "Сохранять пропорции" и уменьшаешь меньшую сторону изображения до 100 пикселей (Можно и больше, и меньше, но я люблю 100).
Дальше можно сделать у картинки закруглённые углы. Ищешь инструмент "Прямоугольник с округлёнными краями". Ставишь в меню инструмента (Под кнопками "Фаил", "Редактирование" и т.д.) Контуры и Радиус (Может быть любым). Выделяешь всё уменьшенное изображение и щёлкаешь Ctrl и Enter. Дальше переходишь на инструмент "Прямоугольная область", щелкаешь правой кнопкой по выделенному, "Инверсия выделенной области". После стираешь углы Фоновым ластиком.
Дольше нужно лишь сделать надписи.

<style type="text/css">
.punbb table Div.icon {float: left; display: block; width: 50px; height: 50px; border-style: none none none none;}

Div.icon {
background-image : url(Адрес картинки Нет сообщений);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(Адрес картинки  Новое сообщение);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(Адрес Важная тема);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(Адрес Закрытая тема);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(Адрес Перемещённая тема);
background-repeat: no-repeat;
}
</style>

Звездолистая
Код - это адрес в интернете.