Detalhes da questão

Endereço do fórum: https://starfall-cdz.forumeiros.com/
Versão do fórum: Invision

Descrição

Versão do Forum: Invision
Forumeiros

Boa Noite.
Provavelmente é um dúvida boba.
Mas estou a duas horas tentando e pesquisando como resolver isso.
A caixa de perfil é pequena demais e ela não redimensiona junto do avatar.
Isso faz com que o avatar estoure a caixa de perfil como na imagem abaixo:


Existe uma maneira da caixa de perfil redimensionar junto com o avatar?

Olá @Wein_Cruz,

Olá! Seja bem-vindo(a) ao suporte Forumeiros! Como acabou de inscrever-se, aqui estão alguns pontos importantes a saber: As nossas regras: gerais, do setor de suporte e das criações gráficas; A nossa lista de tutoriais e de perguntas e respostas frequentes; A nossa equipa voluntária; E a função de procura.

Poderia-me esclarecer, o acontecido é no caso o avatar não redimensiona, correto?

Teria um tópico onde o mesmo acontece?
Procurei, mas não encontrei.

Atenciosamente,
Sleep.

Então na verdade o que acontece é que os avatares estão invadindo a área do post.
https://starfall-cdz.forumeiros.com/t27-post-teste#32

Igual nesse post teste aqui.
Eu queria expandir o campo de perfil e avatar para que ficasse ajustado.
https://i.ibb.co/2cSkVRQ/Sem-Teste-edbsj.jpg

Como pode ver na imagem, o avatar extrapola a área de perfil (mais escura) e invade a área de Postagem.
Se aumentar o avatar ele invade mais ainda.
Eu queria aumentar essa área de perfil de acordo com o avatar ou pelo menos deixar a área para caber avatares de 200x400px.

Olá,

Adicione isto no seu CSS:

Código:

   
img {
    border: none;
    vertical-align: middle;
    max-height: 300px;
    max-width: 170px;
}

Atenciosamente,
Sleep.

Eu tentei colocar o código acima.
https://i.ibb.co/1RNtJPk/Clipboard02.jpg

Segue print acima, mas infelizmente não resolveu =/
O avatar continua invadindo a área de post.

Caro membro,

Disponibilize-me o seu código de CSS.


Atenciosamente,
Sleep.

Olá boa noite.
O CSS seria esse? (Ou tem que forçar o CSS base e copiar aquele?)

Código:

a:link,
a:visited,
a:active{

    text-decoration: none;
}

table.ipbtable tfoot td {
background-color:#1d1d1d;
}



div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('https://2img.net/h/oi25.tinypic.com/2cmk74i.jpg') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('https://2img.net/h/oi31.tinypic.com/2ihqn2t.jpg') no-repeat 50% 50%;
}



.popupmenu li {
background-color: #1d1d1d;
}


.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}


.post {
border-bottom:10px solid #1d1d1d;
}



#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
 
img {
    border: none;
    vertical-align: middle;
    max-height: 300px;
    max-width: 170px;
}

Bom dia, @Wein_Cruz

Adicione esse seu seguinte código em sua Folha de Estilo (CSS):

Código:

.postprofile-details.postdetails img {
 max-width: 175px!important;
}


Caso não funcione, informe uma resposta para esse tópico para fazermos outro tipo de abordagem sobre o conteúdo!

(Aguardo uma resposta).
Atenciosamente,
Musashi!

Musashi escreveu:Bom dia, @Wein_Cruz

Adicione esse seu seguinte código em sua Folha de Estilo (CSS):

Código:

.postprofile-details.postdetails img {
 max-width: 175px!important;
}


Caso não funcione, informe uma resposta para esse tópico para fazermos outro tipo de abordagem sobre o conteúdo!

(Aguardo uma resposta).
Atenciosamente,
Musashi!

Bom dia!
Agora deu certo!
Muito obrigado Sleep e Musashi!