Como colocar um ícone ao lado do nick do usuário
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como colocar um ícone ao lado do nick do usuário
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](https://i.imgur.com/Z4KcZ.png)
obrigado.
Endereço do meu fórum:
http://cafetown.forumeiros.com
Versão do fórum:
PUNBB
Eu queria saber se tem como fazer desse jeito
![Como colocar um ícone ao lado do nick do usuário Z4KcZ](https://i.imgur.com/Z4KcZ.png)
obrigado.
Endereço do meu fórum:
http://cafetown.forumeiros.com
Versão do fórum:
PUNBB
Re: Como colocar um ícone ao lado do nick do usuário
...desculpe... eu tenho medo de "errar" alguma coisa e fazer "burrada" no meu fórum...
Re: Como colocar um ícone ao lado do nick do usuário
Olá! Ficou desse jeito:Quakeline escreveu:t;]Olá,
Desculpa passei o tutorial incorreto veja este tópico
https://ajuda.forumeiros.com/t47009-
Até
![Como colocar um ícone ao lado do nick do usuário A2Ulr](https://i.imgur.com/A2Ulr.png)
Não Apareceu e meu ícone de "online" saiu do lugar.
Re: Como colocar um ícone ao lado do nick do usuário
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:
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'
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Clique em "Criar um novo JavaScript".
Título
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Investimento
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Codigo JavaScript:
VermelhojQuery(document).ready(function(){jQuery(".pun .user-ident .username").append("<img src='endereço'>");});
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
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- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como colocar um ícone ao lado do nick do usuário
Desculpe mas continua a mesma coisaToday escreveu:Olá!
Aceda à "Gestão dos códigos JavaScript":
Painel de ControleMódulos
HTML & JAVASCRIPT
Gestão dos Códigos JavaScript
Clique em "Criar um novo JavaScript".
TítuloEscolha o título que quiser
InvestimentoNos tópicos
Codigo JavaScript:VermelhojQuery(document).ready(function(){jQuery(".pun .user-ident .username").append("");});
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'
Re: Como colocar um ícone ao lado do nick do usuário
Olá!
Poderia me mandar o código editado?
Melhores cumprimentos.
Poderia me mandar o código editado?
Melhores cumprimentos.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como colocar um ícone ao lado do nick do usuário
Esse? :jQuery(document).ready(function(){jQuery(".pun .user-ident .username").append("<img src='https://i.imgur.com/wiDcs.png'>");});Today escreveu:Olá!
Poderia me mandar o código editado?
Melhores cumprimentos.
Re: Como colocar um ícone ao lado do nick do usuário
Olá amigo ,
Aceda :
Código -
Resulta ? Até mais , Cordialmente iFasT
Aceda :
Painel de controleVisualização
Imagens e Cores
Cores
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- ***
- Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238
Re: Como colocar um ícone ao lado do nick do usuário
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:
Salve!
Cordialmente,
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](https://2img.net/u/2612/28/77/07/smiles/633772.png)
![Como colocar um ícone ao lado do nick do usuário 633772](https://2img.net/u/2612/28/77/07/smiles/633772.png)
![Como colocar um ícone ao lado do nick do usuário 633772](https://2img.net/u/2612/28/77/07/smiles/633772.png)
Título * : Coloque qualquer título;
Investimento : Marque "Em todas as páginas";
Código JavaScript * : Cole o seguinte código:
LINK_DA_IMAGEM - Troque pelo URL da imagem.$(document).ready(function(){
$(".user h4.username").append('<img style="marin-left:10px" src="LINK_DA_IMAGEM">');
});
Salve!
Cordialmente,
Última edição por HenRyqUéè em 11.01.13 19:06, editado 2 vez(es)
Re: Como colocar um ícone ao lado do nick do usuário
Olá!
Aceda á "Folha de estilos CSS"
Painel de Controle
Visualização
Imagens e Cores
Cores
Folha de estilos CSS
Código:
Melhores cumprimentos,
Today
Aceda á "Folha de estilos CSS"
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Código:
Valide.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}
Melhores cumprimentos,
Today
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
![-](https://2img.net/i/empty.gif)
» Como colocar icone do lado do nick
» Como colocar mais de um icone no nick do usuário?
» Como colocar efeito hover no nick do usuário
» Como colocar uma imagem do lado do Nick.
» Posicionar ícone online ao lado do nick
» Como colocar mais de um icone no nick do usuário?
» Como colocar efeito hover no nick do usuário
» Como colocar uma imagem do lado do Nick.
» Posicionar ícone online ao lado do nick
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos