Qual é minha questão:
Olá galera, bem eu estou ajudando um amigo meu a fazer 1 forum de rpg (que eu pus o link ali) mas as imagens das novas mensagens aparecem atras do link do forum/topico e ainda aparecem cortadas, eu queria colocar aparecendo a imagem inteira e do lado do link para que se desse pra ver o nome do forum/topico e tals.

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

Versão do fórum:
PHPBB3

Boa noite!

Isso se deve a utilizar um ícone em dimensões inapropriadas nesse local. Eu o aconselho a utilizar ícones menores para que não seja necessário a modificação da estrutura da página, se quiser pode solicitar na seção gráfica aqui do fórum para que a(s) imagem(ns) seja(m) modificada(s).

Mas se preferir poderemos ajustar com a utilização de códigos CSS. De início aceda à:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS

Acrescente o código a seguir na folha:

Código:

dl.icon {
background-position: -31px 50%!important;
}

Altere o valor de -31px para mais ou menos para ajustar para o lado e 50px para ajustar a altura. Ajuste ao seu gosto.

Valide!

Obteve resultado?

Até mais!

@Harker
Olá amigo, seu método funciona sim, mas a imagem fica da seguinte forma:


Já que a imagem que ele usa é 100x99, fica cortado na vertical.

@hugo o.f.
Olá amigo, eu acho que a melhor forma de resolver isso é através do painel de controle, faça um teste!

Basta seguir o que está na imagem abaixo, perceba que os valores correspondem as imagens que você usa:


Nos dê um resultado,

JS

Harker, ainda ficou cortada a imagem, mas de uma outra forma.

Funcionou JScript, obrigado