Como colocar um ícone ao lado do nick do usuário  Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

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

5 participantes

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
**

Membro desde : 07/12/2012
Mensagens : 57
Pontos : 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 Roevs 10.01.13 13:31

Olá,

Veja este Tutorial

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

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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
**

Membro desde : 07/12/2012
Mensagens : 57
Pontos : 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 Roevs 10.01.13 13:40

Olá,

Desculpa passei o tutorial incorreto veja este tópico

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

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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
**

Membro desde : 07/12/2012
Mensagens : 57
Pontos : 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
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 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
**

Membro desde : 07/12/2012
Mensagens : 57
Pontos : 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
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 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
**

Membro desde : 07/12/2012
Mensagens : 57
Pontos : 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
***

Membro desde : 27/11/2012
Mensagens : 183
Pontos : 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éè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 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
Hiper Membro

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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