Personalizar ícones das categorias

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

Atendido / Resolvido Personalizar ícones das categorias

Mensagem por Convidado 03.04.19 9:45

Detalhes da questão


Endereço do fórum: http://Etcetera.forumotion.com
Versão do fórum: phpBB3

Descrição


Eu adicionei adicionado ícone fontawersome fórum com a ajuda de Roger123 e Aquiles. npw só estou querendo adicionar cor de fundo do círculo como este abaixo da tela.
Personalizar ícones das categorias 20190414
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Convidado 03.04.19 14:18

Olá,
Adicione este código antes do código <em class="fa fa-XX"></em> (na descrição das categorias):
Código:
<style>border: 1px solid blue;
border-radius: 75px;</style>

Cordialmente,
Roger123
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Convidado 03.04.19 16:29

Olá, o código não está funcionando. alguma outra ideia para fazer o fundo do círculo?
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Roevs 03.04.19 18:09

Olá,

Adiciona esse código em sua Folha de estilo CSS

Código:
em.fa.fa-pen {
    margin-left: -50px;
    margin-top: -15px;
    position: absolute;
    background: #ef7272c2;
    padding: 9px;
    border-radius: 100px;
}

Título alterado para "Personalizar ícones das categorias"

Até mais!


Personalizar ícones das categorias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento 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 clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Convidado 03.04.19 18:57

Olá, eu adicionei o código CSS, mas ainda não está funcionando em tudo.
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Roevs 03.04.19 19:03

Olá,

Substitua o código por esse

Código:
em.fa.fa-pen {
    margin-left: -50px;
    margin-top: -15px;
    position: absolute;
    background: #ef7272c2;
    padding: 9px;
    border-radius: 100px;
}
em.fa.fa-bullhorn {
    margin-left: -50px;
    margin-top: -15px;
    position: absolute;
    background: #ef7272c2;
    padding: 9px;
    border-radius: 100px;
}
em.fa.fa-info {
    margin-left: -50px;
    margin-top: -15px;
    position: absolute;
    background: #ef7272c2;
    padding: 9px;
    border-radius: 100px;
}
em.fa.fa-users {
    margin-left: -50px;
    margin-top: -15px;
    position: absolute;
    background: #ef7272c2;
    padding: 9px;
    border-radius: 100px;
}

Até mais!


Personalizar ícones das categorias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento 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 clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Convidado 03.04.19 19:16

Código:
em.fa.fa-pen {
    margin-left: -50px;
    position: absolute;
    margin-top: -12px;
}
em.fa.fa-bullhorn {
    margin-left: -50px;
    position: absolute;
    margin-top: -12px;
}
em.fa.fa-info {
    margin-left: -50px;
    position: absolute;
    margin-top: -12px;
}
em.fa.fa-users {
    margin-left: -50px;
    position: absolute;
    margin-top: -12px;
}
.fa, .far, .fas {
    color: #166a94;
    font-size: 30px!important;
}
 em.fa.fa-pen {
    margin-left: -50px;
    margin-top: -15px;
    position: absolute;
    background: #ef7272c2;
    padding: 9px;
    border-radius: 100px;
}
em.fa.fa-bullhorn {
    margin-left: -50px;
    margin-top: -15px;
    position: absolute;
    background: #ef7272c2;
    padding: 9px;
    border-radius: 100px;
}
em.fa.fa-info {
    margin-left: -50px;
    margin-top: -15px;
    position: absolute;
    background: #ef7272c2;
    padding: 9px;
    border-radius: 100px;
}
em.fa.fa-users {
    margin-left: -50px;
    margin-top: -15px;
    position: absolute;
    background: #ef7272c2;
    padding: 9px;
    border-radius: 100px;
}
 

Não está funcionando. Eu tenho esse código css para isso
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Roevs 03.04.19 19:27

Olá,

Substitua por esse

Código:
.fa, .far, .fas {
    color: #166a94;
    font-size: 30px!important;
}
 em.fa.fa-pen {
    margin-left: -50px;
    margin-top: -15px;
    position: absolute;
    background: #ef7272c2;
    padding: 9px;
    border-radius: 100px;
}
em.fa.fa-bullhorn {
    background: #ef7272c2;
    border-radius: 100px;
    margin-left: -51px;
    margin-top: -17px;
    padding: 9px;
    position: absolute;
    font-size: 28px!important;
}
em.fa.fa-info {
    background: #937fffc2;
    border-radius: 100px;
    margin-left: -50px;
    margin-top: -21px;
    padding: 9px;
    width: 43px;
    position: absolute;
    font-size: 28px!important;
    height: 42px;
}
.fa-info:before {
    margin-left: 7px!important;
}
em.fa.fa-users {
    background: #ef7272c2;
    border-radius: 100px;
    margin-left: -50px;
    margin-top: -18px;
    padding: 7px;
    position: absolute;
    width: 44px;
    font-size: 27px!important;
}
 

Até mais!


Personalizar ícones das categorias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento 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 clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Convidado 03.04.19 19:37

Não está funcionando. o que há de errado lá
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Roevs 03.04.19 19:40

Olá,

Entrei em seu fórum e percebi que o código está funcionando perfeitamente, poderia ser mais específico sobre o que não está funcionando?

http://prntscr.com/n72jyy

Até mais!


Personalizar ícones das categorias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento 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 clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Convidado 03.04.19 20:02

Olá, obrigado resolvido. foi cache
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Personalizar ícones das categorias

Mensagem por Roevs 03.04.19 20:10

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.


Personalizar ícones das categorias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento 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 clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

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