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

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

Olá,

Veja este Tutorial

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

Até

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

Olá,

Desculpa passei o tutorial incorreto veja este tópico

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

Até

Quakeline escreveu:t;]Olá,


Desculpa passei o tutorial incorreto veja este tópico

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

Até

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

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("<img src='endereço'>");});

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'

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

Olá!

Poderia me mandar o código editado?

Melhores cumprimentos.

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

Olá amigo ,

Aceda :

Painel de controle Visualizaçã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

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,

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores 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