[TUTORIAL] Avatar retangular na versão ModernBB / AwesomeBB

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

[TUTORIAL] Avatar retangular na versão ModernBB / AwesomeBB Empty [TUTORIAL] Avatar retangular na versão ModernBB / AwesomeBB

Mensagem por Roger123 em 21.12.19 17:43

Avatar retangular na versão ModernBB / AwesomeBB
Devido a vários pedidos por parte dos membros, mostrarei como podem colocar o avatar retangular na versão ModernBB e AwesomeBB.
Avatar retangular na versão ModernBB / AwesomeBB

Tutoriais, dicas e astúcias

Código CSS

CSS na verdade significa "Cascading Style Sheets", sua principal função é personalizar um determinado conteúdo exibido, em um determinado lugar na página. Cada versão de fórum (phpbb2, phpbb3, punbb, modernbb, awesomebb e invision) possuem uma classe diferente, e nessas classes podem ser adicionadas as “propriedades”. Caso queira conhecer alguns tipos de classes, poderá consultar mais informações no seguinte: Elaborar um código CSS

Painel de controle Seta Branca Visualização Seta Branca Imagens e Cores Seta Branca Cores Seta Branca Folha de estilo CSS
[TUTORIAL] Avatar retangular na versão ModernBB / AwesomeBB Stylea10
[TUTORIAL] Avatar retangular na versão ModernBB / AwesomeBB 110111Seta Salvar CSS- Salva todo o CSS em arquivo TXT em seu computador. Em outras palavras, permite criar um backup de seu CSS personalizado.
[TUTORIAL] Avatar retangular na versão ModernBB / AwesomeBB 110210Seta Forçar CSS base do fórum - Força o CSS padrão da versão de seu fórum, ignorando o CSS personalizado. Caso queira verificar o CSS base d fórum, basta clicar no link "Ver CSS base do fórum".
[TUTORIAL] Avatar retangular na versão ModernBB / AwesomeBB 110310Seta Desativar o CSS base - Desativa o CSS base da versão de seu fórum, e permite que somente o CSS personalizado do fórum opere em todo o fórum.
[TUTORIAL] Avatar retangular na versão ModernBB / AwesomeBB 110410Seta Melhorar CSS - Com essa função ativa, a capacidade de carregamento da página é aumentada, facilitando a navegação nas páginas de seu fórum. Mas é importante lembrar que, para que a função funcione normalmente como prometida, você terá que adicionar o código correto na folha de estilo.
Código para ModernBB:
Código:
/* AVATAR RETANGULAR */
.post .postprofile-avatar img {
    width: unset;
    height: unset;
    border-radius: 0;
    max-height: 250px;
}
Código para AwesomeBB:
Código:
/* AVATAR RETANGULAR */
.avatar-big img {
border-radius: 0px!important;
height:auto;
width:auto;
max-width:100%;
max-height:300px;
}
Após salvar este código no CSS do seu fórum, o avatar ficará retangular em todos os tópicos.

Resultado

(carregue na imagem para aumentar)
[TUTORIAL] Avatar retangular na versão ModernBB / AwesomeBB Smarts28
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 2080
Pontos Ativos : 2263

https://todosostemas.forumeiros.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