Detalhes da questão

Endereço do fórum: www.clubedosestudantes.com
Versão do fórum: PunBB

Descrição

Olá,

Gostaria de saber como colocar a imagem (avatar) circular (estilo whatsapp, google e outros) nas últimas mensagens do meu fórum.

Olá!

É só adicionar em seu CSS:

Código:

.mini_ava {
    background: #FFF;
    border-radius: 100px;
    border: 2px solid #FFF;
}

As cores #FFF representam o Branco em hexadecimal. O border-radius, representa o arredondamento do avatar. O quando maior o valor, mais redondo será.

Até mais!

Tópico movido de 'Questões sobre Códigos' para 'Questões sobre a aparência do fórum'

Hum, ainda não ficou tão bom quanto ao do Fórum dos Fóruns. Ainda, ao clicar em membros as imagens aparecem de forma retangular. Como fazer para melhorar esses aspectos?

Saudações!

Mas em qual imagens de avatares deseja?
Segundo a sua mensagem, creio que seja na aba membros do menu, certo?

Adicione este código CSS:

Código:

td.avatar-mini img {
border-radius: 50px!important;
}

Até mais.
Sennior

Quanto ao menu membros deu certo. Eu gostaria, agora, que em últimas mensagens ficasse da mesma forma (as mesmas configurações) do menu Membros.

Cá esta:

Código:

.mini_ava img {
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    border-radius: 25px;
    height: 38px;
    margin: 0 5px;
    transition: all 1s;
    width: 38px;
}

Até mais.
Sennior

Deu certo, obrigado.