Ícone de novas mensagens personalizado

Qual é minha questão:
Olá!

Bom minha questão é bem simples; eu gostaria de por os ícones de "novas mensagens", "não há novas mensagens" e "Fórum bloqueado" igual ao do "Naruto RPG Storm".

Basta acessarem o link que poderão ver nas categorias do tal fórum.


-O link está em "Naruto RPG Storm".

Endereço do meu fórum:
http://ninjahistoryrpg.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Basta por as imagens através do painel de controle:

Painel de Controle ->> Visualização ->> Imagens e Cores ->> Gestão das Imagens / Modo avançado

Na aba "Ícones dos fóruns".

Agora aceda à 'Folha de estilo CSS':
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS

Acrescente o código a seguir na folha:

Código:

.statusid img {
margin-left: -15px!important;
margin-top: -15px;
position: absolute;
}

Altere "-15" para definir e ajustar a posição do ícone para dar o efeito de que vem de trás da categoria.

Atenciosamente, Harker.

Coloquei as imagens, coloquei o código, porém ao alterar os valores não obtive resultados.

Olá!

Troque o código do Harker por este:

Código:

        .statusid img {
        margin-left: -15px!important;
        margin-top: -15px;
        position: relative !important;
        }

Até!

coloquei o código, porém ao alterar os valores não obtive resultados.

Olá novamente,

Experimente este:

Código:

.icon, .status {
margin-left: -16px!important;
padding-right: 5px;
padding-top: 8px;
}

O mesmo procedimento, altere os valores para ajustar mas creio que como esteja já resolva.

Atenciosamente, Harker.

Obtive resultados porém bugou os tópicos; observe o erro no link abaixo.

http://ninjahistoryrpg.forumeiros.com/f16-regras-de-status

-Como pode ver, o código, mudou a posição do titulo "anuncios e a ler" e também mudou a posição das imagens.