Qual é minha questão:
Observem:



Gostaria de centralizar onde as setas indicam, pois a imagem corta a escrita os tópicos como podem ver na imagem.

Queria saber como centralizar e também como afastar a escrita do tópico para a imagem d noticia global não cortar a escrita.

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

Versão do fórum:
PUNBB

Olá!

Acenda á "Folha de estilo CSS":
Painel... -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS

Código:

.topictitle {
padding: 40px;
}

Vermelho > Aumente ou diminua o valo, até ficar na posição desejada.
Validar.

Graciosamente,
FockerH - Membro.

Olá!

Poderia ser mais descritivo? você deseja afastar o ícon para o lado esquerdo, para que ele não fique por cima do texto?
Poderia liberar o seu fórum para fazermos o código?

Até mais.

Sim crazy, isso mesmo que você falou...

Fórum já liberado...

O código que o amigo FockerH passou não foi satisfatório, pois ainda ficava a escrita sendo cortada pela imagem..

Olá!

Aceda á "Folha de Estilos CSS":

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilos CSS

Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:

.status img[alt="Não há novas mensagens"], .row1 img[alt="Novas mensagens"], .row1 img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."], .status img {
margin-left: -15px !important;
}

Valide e veja o resultado.
Atenciosamente,
Crazy.

Veja como ficou:

http://somosmugiwara.forumeiros.com/f1-apresentacao-dos-novatos

Acho que as imagens estão no lugar certo, pois se este código deixou elas fora da área do fórum, acho que precisa mover a escrita, mais não consegui move-las....

Código não resultou.....

Editado:

veja:
http://somosmugiwara.forumeiros.com/forum

Este código também influencia nas categorias....

Olá!

Troque por esse:

Código:

        .status img[alt="Não há novas mensagens"], .status img[alt="Novas mensagens"], .status img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."], .status img {
        margin-left: -15px !important;
        padding-left: -15px !important;
        }

Procure por, "15", vai aumentando/diminuindo.

Até mais.

Eu ajustei, mais ainda fica cortando.....

Código:


.status img[alt="Não há novas mensagens"], .status img[alt="Novas mensagens"], .status img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."], .status img {
margin-left: -8px !important;
padding-left: -8px !important;
}


Modifiquei e se eu colocar em -9 a imagem sai da área do fórum....
e também ainda modifica as categorias...

ainda sem resultados. talvez se move-se a escrita mais para o lado desse certo.. ou até se diminuísse a fonte..

Olá!

Troque por este:

Código:

.topictitle {
margin-left: -15px !important
}

-15px > Aumente/diminua até ficar na posição desejada.

Graciosamente,
FockerH.

Não resultou também cara

Olá amigo,

Tente este código CSS, colocandoó no inicio de teu CSS:

Código:

.topictitle {margin: 0 !important;}

Se o mesmo não fiz efeito, mande-me tua folha de Estilo CSS.

Abraços.

Já consegui resolver cara, troquei as imagens e ficou legal...

Thanks a todos..