Colocar imagem antes do nome do grupo

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

Atendido / Resolvido Colocar imagem antes do nome do grupo

Mensagem por DaviMorais Seg 3 Ago 2020 - 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
Nível 9

Masculino
Inscrito dia : 03/08/2020
Mensagens : 171
Pontos ativos : 222

http://fnhabbo.forumeiros.com

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por pedxz Seg 3 Ago 2020 - 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:



Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais Seg 3 Ago 2020 - 21:08

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

Após isso, o que devo fazer?
DaviMorais

DaviMorais
Nível 9

Masculino
Inscrito dia : 03/08/2020
Mensagens : 171
Pontos ativos : 222

http://fnhabbo.forumeiros.com

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por pedxz Seg 3 Ago 2020 - 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


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais Seg 3 Ago 2020 - 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
Nível 9

Masculino
Inscrito dia : 03/08/2020
Mensagens : 171
Pontos ativos : 222

http://fnhabbo.forumeiros.com

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por pedxz Seg 3 Ago 2020 - 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


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais Seg 3 Ago 2020 - 21:19

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

DaviMorais
Nível 9

Masculino
Inscrito dia : 03/08/2020
Mensagens : 171
Pontos ativos : 222

http://fnhabbo.forumeiros.com

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por pedxz Seg 3 Ago 2020 - 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


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais Seg 3 Ago 2020 - 21:25

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

DaviMorais
Nível 9

Masculino
Inscrito dia : 03/08/2020
Mensagens : 171
Pontos ativos : 222

http://fnhabbo.forumeiros.com

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por pedxz Seg 3 Ago 2020 - 21:27

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


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais Seg 3 Ago 2020 - 21:27

Mas espera, é qual folha?

Imagens e Cores > Cores > Folha de Estilo CSS

É essa?
DaviMorais

DaviMorais
Nível 9

Masculino
Inscrito dia : 03/08/2020
Mensagens : 171
Pontos ativos : 222

http://fnhabbo.forumeiros.com

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por pedxz Seg 3 Ago 2020 - 21:28

Mas espera, é qual folha?

Imagens e Cores > Cores > Folha de Estilo CSS

É essa?

Sim é essa!


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por DaviMorais Ter 4 Ago 2020 - 15:57

Já foi resolvido, valeu! pode fechar
DaviMorais

DaviMorais
Nível 9

Masculino
Inscrito dia : 03/08/2020
Mensagens : 171
Pontos ativos : 222

http://fnhabbo.forumeiros.com

Atendido / Resolvido Re: Colocar imagem antes do nome do grupo

Mensagem por pedxz Ter 4 Ago 2020 - 16:29

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum