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

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

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

Mensagem por DannyWolwman em 10/01/13, 11:24 am

Qual é minha questão:
Eu queria saber se tem como fazer desse jeito


obrigado.

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

Versão do fórum:
PUNBB
avatar

DannyWolwman
Nível 5

Masculino
Inscrito dia : 07/12/2012
Mensagens : 57
Pontos Ativos : 85

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

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

Mensagem por iPrompt em 10/01/13, 11:31 am

Olá,

Veja este Tutorial

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

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

Mensagem por DannyWolwman em 10/01/13, 11:34 am

Quakeline escreveu:Olá,

Veja este Tutorial

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

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

DannyWolwman
Nível 5

Masculino
Inscrito dia : 07/12/2012
Mensagens : 57
Pontos Ativos : 85

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

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

Mensagem por iPrompt em 10/01/13, 11:40 am

Olá,

Desculpa passei o tutorial incorreto veja este tópico

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

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

Mensagem por DannyWolwman em 10/01/13, 12:00 pm

Quakeline escreveu:t;]Olá,


Desculpa passei o tutorial incorreto veja este tópico

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

Até
Olá! Ficou desse jeito:
Não Apareceu e meu ícone de "online" saiu do lugar.
avatar

DannyWolwman
Nível 5

Masculino
Inscrito dia : 07/12/2012
Mensagens : 57
Pontos Ativos : 85

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

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

Mensagem por Consolado em 10/01/13, 12:37 pm

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

Consolado
Super usuário

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

Ver perfil do usuário

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

Mensagem por DannyWolwman em 10/01/13, 12:43 pm

Today escreveu:Olá!

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

Clique em "Criar um novo JavaScript".

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

Codigo JavaScript:
jQuery(document).ready(function(){jQuery(".pun .user-ident .username").append("");});
Vermelho 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
avatar

DannyWolwman
Nível 5

Masculino
Inscrito dia : 07/12/2012
Mensagens : 57
Pontos Ativos : 85

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

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

Mensagem por Consolado em 10/01/13, 12:47 pm

Olá!

Poderia me mandar o código editado?

Melhores cumprimentos.
avatar

Consolado
Super usuário

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

Ver perfil do usuário

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

Mensagem por DannyWolwman em 10/01/13, 12:49 pm

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='http://i.imgur.com/wiDcs.png'>");});
avatar

DannyWolwman
Nível 5

Masculino
Inscrito dia : 07/12/2012
Mensagens : 57
Pontos Ativos : 85

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

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

Mensagem por LucaaS Sizanoski em 10/01/13, 12:50 pm

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
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

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

Mensagem por HenRyqUéè em 11/01/13, 04:50 pm

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 HTML e JavaScript Gestão do Códigos JavaScript 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, 05:06 pm, editado 2 vez(es)
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

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

Mensagem por Consolado em 11/01/13, 05:02 pm

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(http://i.imgur.com/wiDcs.png) 0 1px no-repeat;padding-bottom:2px;padding-left:25px;padding-top:2px}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

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

Ver perfil do usuário

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