Inserir ícone no titulo dos sub-foruns

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Inserir ícone no titulo dos sub-foruns

Mensagem por AlfaBeta. em 12/07/13, 04:17 am

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


Última edição por AlfaBeta. em 12/07/13, 10:30 pm, editado 1 vez(es)
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

Ver perfil do usuário http://carrosegames.forumeiros.com/

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por MateusA em 12/07/13, 08:08 am

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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por AlfaBeta. em 12/07/13, 06:08 pm

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.
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

Ver perfil do usuário http://carrosegames.forumeiros.com/

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por MateusA em 12/07/13, 06:10 pm

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;>
Seta Vai modificando o número 3 e o número 4.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por AlfaBeta. em 12/07/13, 07:15 pm

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: http://i34.servimg.com/u/f34/18/40/06/56/imagem11.jpg

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

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

Ver perfil do usuário http://carrosegames.forumeiros.com/

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por MateusA em 12/07/13, 07:17 pm

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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por AlfaBeta. em 12/07/13, 07:36 pm

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.
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

Ver perfil do usuário http://carrosegames.forumeiros.com/

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por MateusA em 12/07/13, 07:39 pm

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.
Seta 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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por AlfaBeta. em 12/07/13, 07:56 pm

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?
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

Ver perfil do usuário http://carrosegames.forumeiros.com/

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por MateusA em 12/07/13, 08:00 pm

Olá! Piscada

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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por AlfaBeta. em 12/07/13, 08:41 pm

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?
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

Ver perfil do usuário http://carrosegames.forumeiros.com/

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por MateusA em 12/07/13, 09:43 pm

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.
Seta Toda vantagem tem sua desvantagem.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por AlfaBeta. em 12/07/13, 10:06 pm

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.
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

Ver perfil do usuário http://carrosegames.forumeiros.com/

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por MateusA em 12/07/13, 10:08 pm

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.
Seta Muitos tópicos exigem conhecimento adicional.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Inserir ícone no titulo dos sub-foruns

Mensagem por AlfaBeta. em 12/07/13, 10:29 pm

Ok. Agradeço a atenção.
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

Ver perfil do usuário http://carrosegames.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum