Imagem depois do nome

3 participantes

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

Tópico resolvido Imagem depois do nome

Mensagem por Bruno_Michael 29.10.19 13:30

Detalhes da questão


Endereço do fórum: https://famosogolpe.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Como coloca uma imagem pequena depois do nome para aparecer só nos tópicos.
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem depois do nome

Mensagem por RafaelS. 29.10.19 13:43

Olá @Bruno_Michael!

Adicione à sua folha de estilos CSS:

Código:
.post .postprofile-name::after {
    content: url(https://cdn1.iconfinder.com/data/icons/material-core/20/block-16.png);
    padding-left: 6px;
}

Seta Dentro das parênteses de url(), você deve colocar o link da imagem.

Até mais.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem depois do nome

Mensagem por Bruno_Michael 29.10.19 17:26

Certo mais vai ser colocado para todos usuários ? Consigo limitar para tal usuário.
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Imagem depois do nome

Mensagem por tikky 29.10.19 18:07

Olá @Bruno_Michael,
mude o seu código para o seguinte:
Código:
.post .postprofile-name a[href="/u1"]::after {
    content: url(https://cdn1.iconfinder.com/data/icons/material-core/20/block-16.png);
    padding-left: 6px;
}
para adicionar mais membros, com o mesmo ícone duplique o início, por exemplo:
Código:
.post .postprofile-name a[href="/u1"]::after,
 .post .postprofile-name a[href="/u2"]::after {
    content: url(https://cdn1.iconfinder.com/data/icons/material-core/20/block-16.png);
    padding-left: 6px;
}
alterando o ID nesta parte do código: a[href="/uIDdoMembro"] para o ID do membro pretendido.


É totalmente proibido o uso de imagens deste fórum de suporte sem autorização, leia uso do tema de suporte oficial , possuímos o serviço de criações gráficas , totalmente gratuito.

Cordialmente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7821
Pontos : 9063

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Imagem depois do nome

Mensagem por RafaelS. 29.10.19 18:11

Bruno_Michael escreveu:Certo mais vai ser colocado para todos usuários ? Consigo limitar para tal usuário.

Olá autor!

Por isso pedimos que sempre que crie um tópico, dê todas as informações desde da primeira mensagem. Se o tivesse feito, ó tópico já estaria resolvido não teria colocado essa questão.

Tenha isto em mente quando for criar outro tópico.  Feliz

Obrigado pela compreensão.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem depois do nome

Mensagem por Bruno_Michael 30.10.19 1:06

@RafaelS. Correria do dia a dia, desculpa na próxima vai sair mais detalhado.
Obrigado @RafaelS. e @Pedxz ajudaram muito.
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Imagem depois do nome

Mensagem por tikky 30.10.19 6:45

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7821
Pontos : 9063

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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