Como colocar um ícone ao lado do nick do usuário

5 participantes

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

Tópico resolvido Como colocar um ícone ao lado do nick do usuário

Mensagem por DannyWolwman 10.01.13 13:24

Qual é minha questão:
Eu queria saber se tem como fazer desse jeito
Como colocar um ícone ao lado do nick do usuário  Z4KcZ

obrigado.

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

Versão do fórum:
PUNBB
DannyWolwman

DannyWolwman
Nível 5

Masculino
Membro desde : 07/12/2012
Mensagens : 57
Pontos ativos : 85

http://cafetown.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por Roevs 10.01.13 13:31

Olá,

Veja este Tutorial

https://ajuda.forumeiros.com/t57027-

Até
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por DannyWolwman 10.01.13 13:34

Quakeline escreveu:Olá,

Veja este Tutorial

https://ajuda.forumeiros.com/t57027-

Até
...desculpe... eu tenho medo de "errar" alguma coisa e fazer "burrada" no meu fórum...
DannyWolwman

DannyWolwman
Nível 5

Masculino
Membro desde : 07/12/2012
Mensagens : 57
Pontos ativos : 85

http://cafetown.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por Roevs 10.01.13 13:40

Olá,

Desculpa passei o tutorial incorreto veja este tópico

https://ajuda.forumeiros.com/t47009-

Até
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por DannyWolwman 10.01.13 14:00

Quakeline escreveu:t;]Olá,


Desculpa passei o tutorial incorreto veja este tópico

https://ajuda.forumeiros.com/t47009-

Até
Olá! Ficou desse jeito: Como colocar um ícone ao lado do nick do usuário  A2Ulr
Não Apareceu e meu ícone de "online" saiu do lugar.
DannyWolwman

DannyWolwman
Nível 5

Masculino
Membro desde : 07/12/2012
Mensagens : 57
Pontos ativos : 85

http://cafetown.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por Consolado 10.01.13 14:37

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Nos tópicos

Codigo JavaScript:
jQuery(document).ready(function(){jQuery(".pun .user-ident .username").append("<img src='endereço'>");});
Vermelho Seta Link da imagem do ícone.

Clique em "Confirmar".

Melhores cumprimentos,
Today

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

Consolado
Super membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por DannyWolwman 10.01.13 14:43

Today escreveu:Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Como colocar um ícone ao lado do nick do usuário  633772 Módulos Como colocar um ícone ao lado do nick do usuário  633772 HTML & JAVASCRIPT Como colocar um ícone ao lado do nick do usuário  633772 Gestão dos Códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Como colocar um ícone ao lado do nick do usuário  633772 Escolha o título que quiser
Investimento Como colocar um ícone ao lado do nick do usuário  633772 Nos tópicos

Codigo JavaScript:
jQuery(document).ready(function(){jQuery(".pun .user-ident .username").append("Como colocar um ícone ao lado do nick do usuário  Fontfont color=&quot;darkblue&quot;");});
Vermelho Como colocar um ícone ao lado do nick do usuário  633772 Link da imagem do ícone.

Clique em "Confirmar".

Melhores cumprimentos,
Today

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Desculpe mas continua a mesma coisa
DannyWolwman

DannyWolwman
Nível 5

Masculino
Membro desde : 07/12/2012
Mensagens : 57
Pontos ativos : 85

http://cafetown.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por Consolado 10.01.13 14:47

Olá!

Poderia me mandar o código editado?

Melhores cumprimentos.
Consolado

Consolado
Super membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por DannyWolwman 10.01.13 14:49

Today escreveu:Olá!

Poderia me mandar o código editado?

Melhores cumprimentos.
Esse? :jQuery(document).ready(function(){jQuery(".pun .user-ident .username").append("<img src='https://i.imgur.com/wiDcs.png'>");});
DannyWolwman

DannyWolwman
Nível 5

Masculino
Membro desde : 07/12/2012
Mensagens : 57
Pontos ativos : 85

http://cafetown.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por LucaaS Sizanoski 10.01.13 14:50

Olá amigo ,

Aceda :
Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Código -

{background:url(Icone) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px;text-shadow:0 0 .2em #90ff8a,0px 0 .2em #90ff8a,0px 0 .2em #90ff8a}.username span[style="color:#FFA200"],a span[style="color:#FFA200"],a[href="/u1"]

Resulta ? Até mais , Cordialmente iFasT
LucaaS Sizanoski

LucaaS Sizanoski
Nível 9

Masculino
Membro desde : 27/11/2012
Mensagens : 183
Pontos ativos : 238

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por HenRyqUéè 11.01.13 18:50

Olá DannyWolwman!

Como já foi falado de um tutorial aqui que utiliza javascript, não será um desrespeito as regras eu dar suporte com javascript aqui...(staffers)

Vá em:

Módulos Como colocar um ícone ao lado do nick do usuário  633772 HTML e JavaScript Como colocar um ícone ao lado do nick do usuário  633772 Gestão do Códigos JavaScript Como colocar um ícone ao lado do nick do usuário  633772 Novo JavaScript

Título * : Coloque qualquer título;
Investimento : Marque "Em todas as páginas";
Código JavaScript * : Cole o seguinte código:

$(document).ready(function(){
$(".user h4.username").append('<img style="marin-left:10px" src="LINK_DA_IMAGEM">');
});
LINK_DA_IMAGEM - Troque pelo URL da imagem.

Salve!

Cordialmente,


Última edição por HenRyqUéè em 11.01.13 19:06, editado 2 vez(es)
HenRyqUéè

HenRyqUéè
Nível 9

Masculino
Membro desde : 11/01/2013
Mensagens : 178
Pontos ativos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um ícone ao lado do nick do usuário

Mensagem por Consolado 11.01.13 19:02

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

h4 a[href^="/u"]{background:url(https://i.imgur.com/wiDcs.png) 0 1px no-repeat;padding-bottom:2px;padding-left:25px;padding-top:2px}
Valide.

Melhores cumprimentos,
Today
Consolado

Consolado
Super membro

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

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