Imagens junto ao nick

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

Resolvido Imagens junto ao nick

Mensagem por Tio Killer em 01/12/12, 01:54 am

Qual é minha questão:
Estou criando um fórum de design agora e queria colocar imagens no nick dos usuários. Pesquisei aqui e achei um tutorial falando sobre isso:
http://ajuda.forumeiros.com/t50885-tutorial-imagens-nos-nicks-dos-usuarios

Segui esse tutorial certinho. Entretanto ele adiciona a imagem que eu escolhi junto ao avatar do usuário que eu coloquei a imagem no nick


Obrigado pela atenção

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

Versão do fórum:
INVISION


Última edição por Tio Killer em 02/12/12, 05:27 pm, editado 1 vez(es)

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

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

Resolvido Re: Imagens junto ao nick

Mensagem por Dr.Helper em 01/12/12, 03:35 am

Veja se os códigos JavaScript estão ativados.
avatar

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Imagens junto ao nick

Mensagem por BrunoH. em 01/12/12, 08:04 am

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
a[href="/uY"] {background: url(IMAGEM) no-repeat center right;background-size: 15px;padding-right: 17px;}
Y-> Coloque o ID do usuário do fórum, Exemplo seu ID aqui do Fdf: http://ajuda.forumeiros.com/u28391
IMAGEM -> URL da imagem que irá ficar ao lado do nick do usuário.
e Valide!

Até mais! Piscada

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Imagens junto ao nick

Mensagem por Consolado em 01/12/12, 09:24 am

Olá!

Leia:
Seta [TUTORIAL] Imagens nos nicks dos usuários

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Imagens junto ao nick

Mensagem por Holmes em 01/12/12, 10:26 am

Saudações,

Painel de Controle ► Visualização ► Cores ► Folha de estilo CSS

Remova o código Javascript e utilize esse CSS:
Código:
a[href="/uID"] strong{background:url(IMAGEM) no-repeat center right;background-size:15px;padding-right:17px}
ID = Id do usuário.
IMAGEM = Link da imagem ao lado do nome do usuário.

Assombrosamente.
avatar

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Imagens junto ao nick

Mensagem por Tio Killer em 01/12/12, 04:11 pm

Continua dando o mesmo erro. A imagem continua aparecendo junto ao avatar do usuário e eu quero que aparece junto ao nick apenas.

Não sei se isso é possível, porque tanto o código em Java quanto o em CSS, aplicam a imagem em todos os lugares que fazem referência ao /uID, e isso inclue o avatar. Não sou expert em programção em java nem CSS, por isso não afirmo isso com certeza.

Tem como colocar a imagem antes e depois do nick apenas?

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

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

Resolvido Re: Imagens junto ao nick

Mensagem por Sennior em 01/12/12, 04:13 pm

avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagens junto ao nick

Mensagem por Tio Killer em 01/12/12, 05:11 pm

Usei o Código fornecido no final desse tópico. Esse código substituiu o nome do usuário pela imagem que eu escolhi

Código que copiei no final do tópico:
Código:
jQuery(document).ready(function(){jQuery('a[href="/uID"]:contains("NOME DO USUARIO"),span.name strong span strong:contains("NOME DO USUARIO")').html('<img src="URL DA IMAGEM" </img>
</a>')});

Editado:
Código:
jQuery(document).ready(function(){jQuery('a[href="/u1"]:contains("Admin"),span.name strong span strong:contains("Admin")').html('<img src="http://wizard.comastuff.com/imagens/wings/wing18.gif" </img>
</a>')});

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

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

Resolvido Re: Imagens junto ao nick

Mensagem por Tio Killer em 02/12/12, 04:31 pm

UP

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

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

Resolvido Re: Imagens junto ao nick

Mensagem por [F]lames em 02/12/12, 04:49 pm

Olá,

Use este:

Código:
jQuery(document).ready(function(){jQuery('a[href="/u1"]:contains("Admin"),span.name strong span strong:contains("Admin")').html('<img src="http://wizard.comastuff.com/imagens/wings/wing17.gif"></img> <strong style="color: #508A50;">Admin</strong> <img src="http://wizard.comastuff.com/imagens/wings/wing18.gif"></img>
</a>')});
Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Imagens junto ao nick

Mensagem por Tio Killer em 02/12/12, 05:19 pm

Ficou perfeito...

Obrigado pela ajuda
=D

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

Ver perfil do usuário http://www.designart.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