Personalização de "tópicos e mensagens"

Qual é minha questão:
Queria colocar isso no meu fórum, :

Medidas que eu tomei para corrigir o problema:
nada

Imagens do meu problema:
https://i.imgur.com/SvAxt.png

Endereço do meu fórum:
www.corecheats.net

Versão do meu fórum:
PUNBB

Achei legal esta opção , se alguém souber como colocar em PHPBB3 , ajuda ai

Olá,

Viic:

Código:

 .forabg .topiclist li.row dl.icon dd.topics {
        background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat scroll left top transparent;
        color: #0E2C3E;
        font-size: 12px;
        font-weight: 700;
        height: 33px;
        line-height: normal;
        margin-left: 13px;
        padding-top: 3px;
        text-align: center;
        width: 74px;
    }
.forabg .topiclist li.row dl.icon dd.posts {
        background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat scroll left top transparent;
        color: #0E2C3E;
        font-size: 12px;
        font-weight: 700;
        height: 33px;
        line-height: normal;
        margin-left: 13px;
        padding-top: 3px;
        text-align: center;
        width: 74px;
    }

Hard,

Tente:

Código:

 .for_topics {
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat scroll left top transparent;
    color: #0E2C3E;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    line-height: normal;
    margin-left: 13px;
    padding-top: 3px;
    text-align: center;
    width: 74px;
}

.for_posts {
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat scroll left top transparent;
    color: #0E2C3E;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    line-height: normal;
    margin-left: 13px;
    padding-top: 3px;
    text-align: center;
    width: 74px;
}

Ace uma dúvida , eu adiciono isto em CSS ou JS ?
Aguardo.

Olá,

Esqueci de mencionar, mas deve ser adicionado no CSS.

Atenciosamente.

Obrigado Ace me ajudou , mais o que eu gostaria mesmo era de adicionar algum icon natalino dentro destes quadrados como esta na imagem que o 'Hard passou com este quadrado : e este icon dentro:
Teria como fazer isto ? Ou explicar como que eu coloco ?

Olá,

Código:

 .forabg .topiclist li.row dl.icon dd.topics {
        background: url("http://img193.imageshack.us/img193/833/fp10copy.png") no-repeat scroll left top transparent;
        color: #0E2C3E;
        font-size: 12px;
        font-weight: 700;
        height: 33px;
        line-height: normal;
        margin-left: 13px;
        padding-top: 3px;
        text-align: center;
        width: 74px;
    }
.forabg .topiclist li.row dl.icon dd.posts {
        background: url("http://img193.imageshack.us/img193/833/fp10copy.png") no-repeat scroll left top transparent;
        color: #0E2C3E;
        font-size: 12px;
        font-weight: 700;
        height: 33px;
        line-height: normal;
        margin-left: 13px;
        padding-top: 3px;
        text-align: center;
        width: 74px;
    }

Veja se resulta... Eu criei uma imagem e substitui onde havia o link do quadro.

Atenciosamente.

Obrigado Ace era isto mesmo que queria , agora só ajudar o 'Hard ...
Até mais.