Colocar imagem antes do nome do grupo

2 participantes

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

Tópico resolvido Colocar imagem antes do nome do grupo

Mensagem por DaviMorais 03.08.20 19:08

Detalhes da questão


Endereço do fórum: http://fnhabbo.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá, boa tarde/noite!
A minha dúvida é como inserir uma imagem antes do nome do grupo!

Imagem de exemplo a baixo:

https://i.servimg.com/u/f83/19/58/12/30/ajuda110.png
DaviMorais

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por tikky 03.08.20 20:27

Olá @DaviMorais,

Leia este tópico: Questão resolvida qualquer dúvida diga!


Atenciosamente,
pedxz

Bem-vindo ao Fórum dos Fóruns!


Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

tikky

tikky
Admineiro
Admineiro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais 03.08.20 21:08

Botei o código abaixo do {CSS}
http://prntscr.com/ttfa8t

Após isso, o que devo fazer?
DaviMorais

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por tikky 03.08.20 21:12

DaviMorais escreveu:Botei o código abaixo do {CSS}
http://prntscr.com/ttfa8t

Após isso, o que devo fazer?
Salve o template clicando em Certo

Após fazer isso o Senhor deve adicionar na sua folha de estilo o seguinte código:
Código:
a[style="color: #00B0F0"].gensmall[href^="/g"]::before,
a[href^="/u"] span[style="color:#00B0F0"]::before {
  content: '\f21b';
  font-family: 'fontawesome';
  padding-right: 3px;
}
Como funciona?
O código em cima vai adicionar o ícone a qualquer membro do grupo cujo a cor é #00B0F0 para adicionar para outro grupo basta duplicar o código e alterar o #00B0F0 para a cor do grupo pretendido. O Senhor pode encontrar a listagem de ícones em https://fontawesome.com/v4.7.0/icons/ e basta copiar o código em frente de 'Unicode:" por exemplo: https://fontawesome.com/v4.7.0/icon/address-book o seu código é f2b9 e alterar content: '\f21b'; para content: '\f2b9';

Não sei se ajudou, diga se tiver dúvidas Rindo
tikky

tikky
Admineiro
Admineiro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais 03.08.20 21:15

Adiciono isso em qual parte da folha?

Código:
a[style="color: #00B0F0"].gensmall[href^="/g"]::before,
a[href^="/u"] span[style="color:#00B0F0"]::before {
 content: '\f21b';
 font-family: 'fontawesome';
 padding-right: 3px;
}

?
DaviMorais

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por tikky 03.08.20 21:17

DaviMorais escreveu:Adiciono isso em qual parte da folha?
Em qualquer parte na sua folha de estilo o senhor pode escolher o local é irrelevante Envergonhado
tikky

tikky
Admineiro
Admineiro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais 03.08.20 21:19

Mas como faço pra selecionar o grupo que quero fazer isso? desculpe por muitas perguntas.
DaviMorais

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por tikky 03.08.20 21:23

Mas como faço pra selecionar o grupo que quero fazer isso?
Quando o senhor cria um grupo é obrigatório escolher uma cor e é essa cor que o senhor irá usar para configurar o código:
Código:
a[style="color: #00B0F0"].gensmall[href^="/g"]::before,
a[href^="/u"] span[style="color:#00B0F0"]::before {
 content: '\f21b';
 font-family: 'fontawesome';
 padding-right: 3px;
}
Localize e altere #00B0F0 para a cor do grupo pretendido!





desculpe por muitas perguntas.
É por isso que este fórum de suporte serve Demônio
tikky

tikky
Admineiro
Admineiro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais 03.08.20 21:25

Ata, irei ver se vou conseguir, se não conseguir avisarei aqui, obrigado
DaviMorais

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por tikky 03.08.20 21:27

DaviMorais escreveu:Ata, irei ver se vou conseguir, se não conseguir avisarei aqui, obrigado
Ficarei a espera OK
tikky

tikky
Admineiro
Admineiro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais 03.08.20 21:27

Mas espera, é qual folha?

Imagens e Cores > Cores > Folha de Estilo CSS

É essa?
DaviMorais

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por tikky 03.08.20 21:28

Mas espera, é qual folha?

Imagens e Cores > Cores > Folha de Estilo CSS

É essa?

Sim é essa!
tikky

tikky
Admineiro
Admineiro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais 04.08.20 15:57

Já foi resolvido, valeu! pode fechar
DaviMorais

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por tikky 04.08.20 16:29

Tópico resolvido


Movido para "Questões resolvidas".
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


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