Dúvida sobre nicks do personagem

[Kokoro]

Olá galera do FdF. Como posso colocar essa imagem >> () na frente do nick do usuário?

Por exemplo, vamos imaginar que um usuário se chama "hacker_br" e desejo colocar essa imagem na frente do nick dele. Então, o nick dele passaria à ser: " hacker_br"

É como se fosse um emblema na frente do nick. É possível fazer isso?

[Mshas]

É estranho..
Porquê eu nunca vi um fórum desse jeito botando a imagem na frente do nome,
Acho que o @Daemon e @JScript tem um sistema disso,
Aguarde..

Cumprimentos,

[RafaelS.]

Olá amigo!

Esse efeito seria em toda a parte do fórum, ou só em uma parte especifica (por exemplo: Legenda ou Tópico) ?

Atenciosamente,
Raffy

Tópico movido de 'Outras questões' para 'Questões sobre a aparência do fórum'

[Kokoro]

Olá Raffy.

Esse efeito ocorreria em todo o fórum.

Até logo.

[RafaelS.]

Olá!

Tudo bem, poderia nos indicar o endereço do seu fórum e ainda qual usuário ira receber esse efeito?

Atenciosamente,
iChees

[Kokoro]

Olá Raffy. O link do fórum é esse: http://osprofetasdazoeira.forumeiros.com

O nome do usuário é "Profeta Kokodan"

Ah, uma dúvida: preciso tirar o fórum da manutenção?

[RafaelS.]

Olá Raffy. O link do fórum é esse: http://osprofetasdazoeira.forumeiros.com

O nome do usuário é "Profeta Kokodan"

Ah, uma dúvida: preciso tirar o fórum da manutenção?

Olá,

Infelizmente sim, porque eu preciso de inspecionar o elemento do nick.

Atenciosamente,
Raffy

[Kokoro]

Prontinho . Tirei o fórum de manutenção.

[RafaelS.]

Olá!

Adicione a sua folha de estilos (CSS):

Código:

a[href="/u1"]:before {
    content: ' ';
    background: url(https://upload.wikimedia.org/wikipedia/commons/b/b2/Happy_icon-16x16.gif);
    padding-left: 16px;
    margin-right: 5px;
}

Mas como mudar a imagem, Raffy?
Simples, procuramos por https://upload.wikimedia.org/wikipedia/commons/b/b2/Happy_icon-16x16.gif e alteramos para o desejado.

Como aplicar em outra pessoa?
Simples, duplicamos o código e apenas modificamos /u1 pelo link do perfil da pessoa.

Atenciosamente.

[Kokoro]

Obrigado Raffy. Só mais uma perguntinha: Caso eu aplique este código em outro usuário, eu preciso modificar os números referentes à "padding-left" e "margin-right"?

[RafaelS.]

Olá!

Não, de todo. Isso é para que existe um espaçamento entre o nick e o ícone, para que não fiquem colados.

Atenciosamente,
Raffy

[Kokoro]

Muito obrigado Raffy . O código funcionou muito bem.

Até logo. Vietnã!

[RafaelS.]

Ótimo

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.