Adição de ícones ao lado dos tópicos

Detalhes da questão

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

Descrição

Olá, eu gostaria que meu fórum ficasse assim:

Olá Strilk,
Você se refere a qual parte do fórum? Notei que o seu é semelhante ao que você passou.

Chanp

Esses ícones em amarelo do lado dos posts, redondinhos

Olá Strilk,

Leia este tutorial e veja se soluciona sua questão: [TUTORIAL] Imagem ao lado do título da categoria.

Até mais.
Chanp

Mas essas imagens estão na própria css se não me engano, inspecionei elemento lá e tava assim ó:

Código:

<em class="fa fa-align-center desc-icon" aria-hidden="true"> </em>

Olá @Strilk,

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


Atenciosamente,
pedxz.

Eu segui o tópico lá maninho, mas ficou bugado. olha só:



e eu gostaria que ele ficasse maior e amarelo, tem como?

Olá Strilk,

Sim, isso é possível. Substitua o código CSS passado naquele tópico por este:

Código:

.desccat {
    background-color: #dcbe0b;
    border-radius: 69px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 27px!important;
    height: 50px;
    margin-left: -15%;
    margin-top: -10%;
    padding: 12px 0;
    width: 50px;
    text-align: center;
}

Atenciosamente,
Chanp

Agora bugou mano, vou enviar um print de como ficou;

Olá Strilk,

Isso não se trata de um bug. Na verdade, isso é apenas um efeito que eu não previa. Para consertar isso, substitua o código que eu te passei anteriormente por este:

Código:

.row > .icon > .dterm .topics {
    margin-left: 60px;
}
a.forumtitle {
    margin-left: 60px;
}
.desccat {
    background-color: #dcbe0b;
    border-radius: 69px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 27px!important;
    height: 50px;
    margin-left: -3%;
    margin-top: -10%;
    padding: 12px 0;
    width: 50px;
    text-align: center;
}
.desccat:hover {
    background-color: #dcbe0b;
}

Tudo certo agora?
Chanp

Deu certo sim, obrigado. Rep e pode fechar ^^