Ícones em fóruns

Detalhes da questão

Endereço do fórum: http://insanityracing.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Boa noite, eu gostaria de saber se tem como trocar esses balões dentro do círculo, por ícones de fonte awesome, veja a print do que me refiro...

Como está em meu fórum:
https://i.servimg.com/u/f70/19/64/11/14/_2019122.jpg

Como eu quero que seja: https://i.servimg.com/u/f70/19/64/11/14/_2019123.jpg

Forum onde vi> https://playfatal.forumeiros.com/

Desde já agradeço, aguardo respostas...

Olá! Deseja um ícone em cada fórum ou um ícone para os fóruns lidos e os não lidos?

Caso seja um ícone para um determinado fórum, veja essa Questão Resolvida

Caso seja para fóruns lidos e não lidos, aceda em Painel de Controle - Visualização - Imagens e Cores - Gestão das imagens - Ícones do fórum e procure por os ícones de "Categoria - Categoria Nova - Fórum - Fórum Novo" e na aba de links, troque pela imagem desejada.

Aguardo respostas!

Atenciosamente, -Xerox-.

Não obtive resultado.
Aguardo respostas...

Olá @GustavoDM11,

Na descrição de cada fórum o senhor terá que adicionar o seguinte código:

Código:

<em class="fa fa-image desccat"></em> Descrição do Fórum aqui

O que nunca poderá ser removido é a classe desccat o ícone é totalmente personalizado! Na sua folha de estilo adicione:

Código:

.desccat {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    box-shadow: 4px 2px 3px rgba(0,0,0,0.1) inset;
    color: #555;
    font-size: 22px;
    height: 40px;
    text-align: center;
    transition: all .7s ease-in-out;
    width: 40px;
    line-height: 40px!important;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    top: 30px;
}
.desccat:hover {
  color: #fff;
  cursor: pointer;
  border-radius: 50px;
  box-shadow: 0px -40px 0px #1a92e4 inset;
}

Atenciosamente,
pedxz.

Perfeito, só que eu gostaria q aumentasse um pouco o tamanho dos icones, é possivel?

Aguardo respostas..

GustavoDM11 escreveu:Perfeito, só que eu gostaria q aumentasse um pouco o tamanho dos icones, é possivel?

Altere o código CSS, para o seguinte, e diga se ficou como desejado:

Código:

.desccat {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    box-shadow: 4px 2px 3px rgba(0,0,0,0.1) inset;
    color: #555;
    font-size: 2em;
    height: 45px;
    text-align: center;
    transition: all .7s ease-in-out;
    width: 45px;
    line-height: 45px!important;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    top: 30px;
}
.desccat:hover {
  color: #fff;
  cursor: pointer;
  border-radius: 50px;
  box-shadow: 0px -40px 0px #1a92e4 inset;
}

Não resultou, o tamanho dos icones Awesome, ainda esta pequeno. E algumas partes ficou bugado, queira dar uma olhada em meu forum!...

aguardo respostas..

GustavoDM11 escreveu:Não resultou, o tamanho dos icones Awesome, ainda esta pequeno.

O tamanho do ícone é de 32px (2em), o senhor pode localizar do código font-size: 2em; e alterar o 2em para o valor que o senhor quer

Sem resultado, E algumas partes ficou bugado, queira dar uma olhada em meu forum!...

Aguardo respostas

Olá!
Mude o código CSS que meu companheiro passou para esse:

Código:

.desccat {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    box-shadow: 4px 2px 3px rgba(0,0,0,0.1) inset;
    color: #555;
    font-size: 2em;
    height: 45px;
    text-align: center;
    transition: all .7s ease-in-out;
    width: 60px;
    line-height: 60px!important;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    top: 20px;
}
.desccat:hover {
  color: #fff;
  cursor: pointer;
  border-radius: 50px;
  box-shadow: 0px -40px 0px #1a92e4 inset;
}

Aguardo respostas!

Continua Bugado...
aguardo respostas... creio que tem que centralizar tudo, pra dar certo, não sei... Pois os foruns ali creio q nao esta centralizado....

aguardo respostas

Olá! Poderia criar uma conta de teste para mim atuar no seu fórum para melhor atendimento? Aguardo respostas!

Olá, não precisa estar logado pra ver, não está centralizado, gostaria que centralizasse ali, creio que as palavras de categorias/fóruns, não estão centralizadas também dentro do quadro...E aumentar o tamanho dos ícones awesome ...

Aguardo respostas...

Não é isso, é para eu editar o código dentro de seu fórum. Se puder, passe por MP.

Pode criar uma lá, não precisa de ativação por email(por enquanto).

Aguardo respostas

Olá! Poderia me colocar em um grupo de administração? Por gentileza.

Aguardo respostas!

Olá,

Quero avisar que é proibido pedir contas com poderes administrativos no FDF. Peço-lhe que não divulgue uma conta com poder de administração.

Cordialmente,
Roger123

-Xerox- escreveu:Olá! Poderia me colocar em um grupo de administração? Por gentileza.

Aguardo respostas!

Você não sabe abrir as ferramentas de desenvolvedor e editar o côdigo para ele? Não é preciso ter poderes administrativos para ajudar!

GustavoDM11 escreveu:não está centralizado, gostaria que centralizasse ali, creio que as palavras de categorias/fóruns, não estão centralizadas também dentro do quadro...E aumentar o tamanho dos ícones awesome ...

Aguardo respostas...

Creio que falta só centralizar..
Aguardo resposta

Altere top por top: VALORpx, onde o valor deve ser mais pequeno.

Eu não quero que diminua, daquele tamanho esta bom, só quero que aumente os icones awesome e centralize...

aguardo respostas

Isso é para centralizar.

Show, pode fechar o topico e marcar como resolvido!