por Convidado 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 CSSCSS 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 Visualização Imagens e Cores Cores Folha de estilo CSS |
| Salvar CSS- Salva todo o CSS em arquivo TXT em seu computador. Em outras palavras, permite criar um backup de seu CSS personalizado. |
| 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". |
| 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. |
| 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) |