Alterar avatar de redondo para quadrado

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

Atendido / Resolvido Alterar avatar de redondo para quadrado

Mensagem por Riickizin em 17.10.20 18:05

Detalhes da questão


Endereço do fórum: https://policiadpsm.forumeiros.com/
Versão do fórum: AwesomeBB

Descrição


Boa tarde!

Como transformar o menu lateral de post de mensagem que contém o avatar, ao invéz de redondo, um avatar quadrado e grande?

Alterar avatar de redondo para quadrado 5HCGgsf
Riickizin

Riickizin
Nível 3

Masculino
Inscrito dia : 16/10/2020
Mensagens : 22
Pontos Ativos : 36

https://policiagts.forumeiros.com

Atendido / Resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por Lobs em 17.10.20 22:19

1. Acesse o seu Painel de Controle. (modo avançado, no canto esquerdo inferior)
2. Acesse a guia Visualização.
3. No menu da esquerda, clique em Cores.
4. Clique em Folha de Estilo CSS.
5. Adicione no fim da caixa "CSS" o seguinte código:
Código:
.postprofile-avatar img {
border-radius: 0px;
height: initial;
width: initial;
max-height: 400px;
max-width: 200px;
}

6. Clique em Validar.

Resultado final
Lobs

Lobs
Nível 7

Masculino
Inscrito dia : 02/06/2013
Mensagens : 81
Pontos Ativos : 129

http://nsanimes.forumeiro.net/

Atendido / Resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por Riickizin em 18.10.20 2:18

Oi, não deu muito certo... coloquei dessa forma:
Código:
div#header-banner {
    background-color: #8aaaf1;
    background-image: url();
    background-position: center;
    background-size: cover;
    height: 20pc;
}

header {
    background-color: #000c39;
}

.block .block-header {
    background-color: #000c39;
}

.forum-header, .posts-header {
    background: #000c39;
}

footer {
    background: #8aaaf1;
}
.post-header {
    background-color: #8aaaf1;
}
.btn-default, .button, .button1, .button2, .liteoption, .mainoption {
    background-color: #000c39;
}
.box-head {
    background-color: #8aaaf1;
}
.forumline thead th, .table1 thead th {
    background-color: #8aaaf1;
}

.forumline .row3, .table1 .row3 {
    background-color: #000c39;
}
#main-menu {
    background-color: #000c39;
}
#main-user-menu, #notif-menu {
    background-color: #8aaaf1;
}
#page-footer {
    background-color: #000c39;
}
.action-bar {
    background-color: #000c39;
}

/* Avatar Quadrado */
.postprofile-avatar img {
border-radius: 0px;
height: initial;
width: initial;
max-height: 400px;
max-width: 200px;
}

O seu código ficou no fim do post como informado.
As opções ativadas no CSS são: Forçar o CSS base do seu fórum e Melhorar CSS.
As opções desativadas: Desativar o CSS de base
Riickizin

Riickizin
Nível 3

Masculino
Inscrito dia : 16/10/2020
Mensagens : 22
Pontos Ativos : 36

https://policiagts.forumeiros.com

Atendido / Resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por RafaelS. em 18.10.20 2:31

Olá @Riickizin,

Altere o código CSS anteriormente passado para este:
Código:
.post-author-avatar img {
border-radius: 0px;
height: initial;
width: initial;
}

Atenciosamente,
RafaelS. King

Tópico movido


O tópico foi movido para o setor: Questões sobre a aparência do fórum.

Nota: É importante que procure escolher a área certa para a sua questão afim de manter a organização do fórum.
Para mais informações, leia o Regulamento do Fórum dos Fóruns


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Admineiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Admineiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Admineiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Alterar avatar de redondo para quadrado 1163
RafaelS.

RafaelS.
Admineiro
Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5373
Pontos Ativos : 6217

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por Riickizin em 18.10.20 3:57

Deu certo, tive que desativar o CSS base.
Mas uma dúvida, como eu posso expandir o avatar para baixo? Aumentar o tamanho do quadrado? Tentei mudar os px mas aumentou pra ambos lados..
Riickizin

Riickizin
Nível 3

Masculino
Inscrito dia : 16/10/2020
Mensagens : 22
Pontos Ativos : 36

https://policiagts.forumeiros.com

Atendido / Resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por Sleep em 18.10.20 17:25

@Riickizin escreveu:Deu certo, tive que desativar o CSS base.
Mas uma dúvida, como eu posso expandir o avatar para baixo? Aumentar o tamanho do quadrado? Tentei mudar os px mas aumentou pra ambos lados..

Olá @Riickzin,

Por favor utilize esse código no seu CSS:

Código:
.avatar-big img {
border-radius: 0px!important;
height:auto;
width:auto;
max-width:100%;
max-height:300px;
}

Atenciosamente,
Sleep


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Sleep Ajudeiro
Sleep

Sleep
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/08/2012
Mensagens : 771
Pontos Ativos : 960

https://syndicaterp.forumeiros.com/

Atendido / Resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por Riickizin em 19.10.20 4:21

Obrigado, pode fechar!
Riickizin

Riickizin
Nível 3

Masculino
Inscrito dia : 16/10/2020
Mensagens : 22
Pontos Ativos : 36

https://policiagts.forumeiros.com

Atendido / Resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por RafaelS. em 19.10.20 9:19

Tópico resolvido


Movido para "Questões resolvidas".


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Admineiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Admineiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Admineiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Alterar avatar de redondo para quadrado 1163
RafaelS.

RafaelS.
Admineiro
Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5373
Pontos Ativos : 6217

http://techmais.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