Imagens junto ao nick

+3
BrunoH.
Dr.Helper
Tio Killer
7 participantes

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

Tópico resolvido Imagens junto ao nick

Mensagem por Tio Killer 01.12.12 3:54

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:
https://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
Imagens junto ao nick 2n0sbpe

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 19:27, editado 1 vez(es)
avatar

Tio Killer
Novo Membro

Membro desde : 27/03/2010
Mensagens : 16
Pontos : 24

http://www.designart.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens junto ao nick

Mensagem por Dr.Helper 01.12.12 5:35

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

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagens junto ao nick

Mensagem por BrunoH. 01.12.12 10:04

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: https://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'
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens junto ao nick

Mensagem por Consolado 01.12.12 11:24

Olá!

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

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens junto ao nick

Mensagem por Holmes 01.12.12 12:26

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

Holmes
****

Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens junto ao nick

Mensagem por Tio Killer 01.12.12 18:11

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

Tio Killer
Novo Membro

Membro desde : 27/03/2010
Mensagens : 16
Pontos : 24

http://www.designart.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Imagens junto ao nick

Mensagem por Sennior 01.12.12 18:13

Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens junto ao nick

Mensagem por Tio Killer 01.12.12 19:11

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>')});
avatar

Tio Killer
Novo Membro

Membro desde : 27/03/2010
Mensagens : 16
Pontos : 24

http://www.designart.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens junto ao nick

Mensagem por Tio Killer 02.12.12 18:31

UP
avatar

Tio Killer
Novo Membro

Membro desde : 27/03/2010
Mensagens : 16
Pontos : 24

http://www.designart.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens junto ao nick

Mensagem por [F]lames 02.12.12 18:49

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 ...
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens junto ao nick

Mensagem por Tio Killer 02.12.12 19:19

Ficou perfeito...

Obrigado pela ajuda
=D
avatar

Tio Killer
Novo Membro

Membro desde : 27/03/2010
Mensagens : 16
Pontos : 24

http://www.designart.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos