Alterar avatar de redondo para quadrado

4 participantes

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

Tópico resolvido Alterar avatar de redondo para quadrado

Mensagem por Riickizin 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 5

Masculino
Membro desde : 16/10/2020
Mensagens : 41
Pontos : 67

https://policiagts.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por Lobs 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
Membro avançado

Masculino
Membro desde : 02/06/2013
Mensagens : 324
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por Riickizin 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 5

Masculino
Membro desde : 16/10/2020
Mensagens : 41
Pontos : 67

https://policiagts.forumeiros.com

Ir para o topo Ir para baixo

Ex-Admineiro

Tópico resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por RafaelS. 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
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por Riickizin 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 5

Masculino
Membro desde : 16/10/2020
Mensagens : 41
Pontos : 67

https://policiagts.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por Sleep 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
Sleep

Sleep
Membro destaque

Masculino
Membro desde : 10/08/2012
Mensagens : 782
Pontos : 976

https://syndicaterp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por Riickizin 19.10.20 4:21

Obrigado, pode fechar!
Riickizin

Riickizin
Nível 5

Masculino
Membro desde : 16/10/2020
Mensagens : 41
Pontos : 67

https://policiagts.forumeiros.com

Ir para o topo Ir para baixo

Ex-Admineiro

Tópico resolvido Re: Alterar avatar de redondo para quadrado

Mensagem por RafaelS. 19.10.20 9:19

Tópico resolvido


Movido para "Questões resolvidas".
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos