Inserir ícone no titulo dos sub-foruns

[AlfaBeta.]

Qual é minha questão:
Ola, pessoal. Segue mais uma duvida.

Já li mais de 20 topicos, mas não achei nada que explicasse ao certo.
Gostaria de inserir imagens/icones no titulos dos sub-foruns... exatamente como esse forum:
http://azmatrix.forumeiros.com/f7-deposito-geral

Ou seja..inserir um icone como esse:
http://v11.power-pixel.net/cpsess5249951975/subf.png

Como faço?

Agradeço.

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

Versão do fórum:
PHPBB3

[MateusA]

Olá!

Adicione no título do sub fórum, não e necessário dar espaço.

Código:

<img src=http://v11.power-pixel.net/cpsess5249951975/subf.png style=width:15px;padding-right:5px>

Atenciosamente,
Crazy.

[AlfaBeta.]

Opa, Crazy. 'Tu é o cara', mesmo.
Exatamente isso. Otimo.

Só uma coisa. Percebo que o icone fica sempre posicionado mais pra cima...não ficando centralizado com o texto. A unica forma foi diminuir seu tamanho (width), mas ai ele tem que ficar pequeno demais.

Teria como acrescentar um comando pra que centralizasse seu posicionamento?

Abraços.

[MateusA]

Olá!

Troque por esse:

Código:

       <img src=http://v11.power-pixel.net/cpsess5249951975/subf.png style=width:15px;padding-right:4px;padding-top:-3px;>

Vai modificando o número 3 e o número 4.

Até mais.

[AlfaBeta.]

Olha só, Crazy.
Testei... mas pelo que noto apenas as funções 'width' e 'padding-right' respondem...mas não a padding-top.
E vejo que o alinhamento vertical do icone inicia no 'meio' da fonte, como na imagem: https://i.servimg.com/u/f34/18/40/06/56/imagem11.jpg

Não poderiamos dar um comando para centralizar verticalmente o icone?

[MateusA]

Olá!

Troque por esse:

Código:

        <img src=http://v11.power-pixel.net/cpsess5249951975/subf.png style=width:15px;padding-right:4px;margin-top: -10px !important;>

Até mais.

[AlfaBeta.]

Bem, acho que não seria esse. Porque essa nova função apenas direciona o icone e a imagem em relação a margem superior...ou seja...o titulo da categoria.

Quero dizer... não trabalha com o alinhamento do icone, e sim do titulo inteiro.

[MateusA]

Olá!

Querido, a função margin-top faz com que um elemento específico alinhe ao topo, importando o sinal negativo na frente, o efeito ficara ao contrário, o senhor tentou antes de falar algo sem ter certeza? peço que tente o código fornecido por min, e, modifique o numero -10 para 10.
Quem disse que ele vai afetar o título? ele afetaria se o título estive-se dentro da tag. Como o título esta fora e a propriedade style foi importada antes do título, não terá efeito algum.

Atenciosamente.

[AlfaBeta.]

Acho que voce não me entendeu, caro Crazy.
Falei aquilo não porque achei que sabia (não sei nada, voces são os mestres ai), mas porque testei varios valores..negativos e positivos, e foi que aconteceu.
Ou seja, esse 'margin-top', não trabalha com a imagem, mas sim com todo o titulo do sub-forum. Assim, mudando o valor, irá mover tudo, tanto o titulo qto a imagem. E não é o que queremos. Queremos mover apenas a imagem...pra que fique centralizada com o titulo do sub-forum.

Compreendes?

[MateusA]

Olá!

Querido, quando o senhor mudou o valor modificou o título? tenho absoluta certeza que não.
Troque por esse:

Código:

<img src=http://v11.power-pixel.net/cpsess5249951975/subf.png style=width:15px;padding-right:4px;top:15px;position:relative;>

Até mais.

[AlfaBeta.]

Na verdade, Crazy... eu havia retirado o comando ' !important;>, porque com ele não houve nenhuma mudança. E tirando ele, mudava com o titulo como falei. Deixei de explicar.

E sobre esse seu novo código. Finalmente funcionou. Ótimo.
Mas pelo que vejo..a desvantagem é que isso vai sempre me diminuir a quantidade de caracteres que poderei usar no titulo, certo?
Tens alguma ideia pra que pudessemos diminuir isso?

[MateusA]

Olá!

Infelizmente não pois será necessário criar um JavaScript e aplicar uma imagem ao lado de cada sub fórum, no entanto, não damos suporte a códigos jQuery.
Toda vantagem tem sua desvantagem.

Até mais.

[AlfaBeta.]

Ok. Entendo.
E não sei se posso perguntar isso, mas tens como me dizer do porque não ser permitido esse assunto? Embora haja Tutorial 'oficiais' em que se tratam disso.
Apenas não compreendo, perdão.

[MateusA]

Olá!

Isso não e permitido, pois não temos pessoal capacitado para alguns códigos exagerados, esta ação se faz necessária pois não somos uma fábrica de código.
Muitos tópicos exigem conhecimento adicional.

Até mais.

[AlfaBeta.]

Ok. Agradeço a atenção.