Perfil dentro do tópico

Detalhes da questão

Endereço do fórum: https://gzfantasy.forumbrasil.net/
Versão do fórum: phpBB2

Descrição

Bom dia estou tendo dificuldade de encaixar o perfil dentro do topico que fique com a imagem grande e normal vou da um exemplo no print  https://prnt.sc/11aga15  e https://prnt.sc/11agcn4  e aonde marco com a cor vermelha é como eu quero que fique alquem pode me ajudar

Olá @EduardoPorter, tente substituir esse código em sua folha css.

Código:

.postprofile {
   color: #fff;
   display: block;
   float: left;
   font-size: 1.3rem;
   padding: 18px;
   position: relative;
   width: 211px;
   word-wrap: break-word;
   margin-top: 94px;
   margin-left: 10px;
}

Mirotic escreveu:Olá @EduardoPorter, tente substituir esse código em sua folha css.

Código:

.postprofile {
 color: #fff;
 display: block;
 float: left;
 font-size: 1.3rem;
 padding: 18px;
 position: relative;
 width: 211px;
 word-wrap: break-word;
 margin-top: 94px;
 margin-left: 10px;
}

Sim ficou bom , mais a foto do perfil ficou pequena voce tem como mandar um codigo que faça pra alterar o tamanho da foto do perfil olha  como ficou  https://prnt.sc/11b40je

Neste caso você pode substituir este código.

Código:

.postprofile-avatar img {
   border: 3px solid #FFF;
   box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
   height: 250px;
   width: 170px;
   margin-bottom: 10px;
}

width e height alteram a dimensão da imagem.

Mirotic escreveu:Neste caso você pode substituir este código.

Código:

.postprofile-avatar img {
 border: 3px solid #FFF;
 box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
 height: 250px;
 width: 170px;
 margin-bottom: 10px;
}

width e height alteram a dimensão da imagem.

Mirotic ate deu resultado mais eu to querendo igual eu coloquei no print em vermelho  a foto do perfil fica meia como se fosse uma bola mais quero colocar a foto igual fiz aqui https://prnt.sc/11bfsko

@EduardoPorter não consegui entender, acabei de visitar teu site e vi a foto do perfil esta com as bordas arredondadas como você pediu no último post.



Reformule sua questão, por gentileza.

Mirotic escreveu:@EduardoPorter não consegui entender, acabei de visitar teu site e vi a foto do perfil esta com as bordas arredondadas como você pediu no último post.



Reformule sua questão, por gentileza.

desculpa pela bagunça, tipo eu quero que  a foto fica quadrada certinha e nao com retangulo entendeu amigo?

@EduardoPorter basta alterar a dimensão da imagem aqui, no width e height

Código:

        .postprofile-avatar img {
        border: 3px solid #FFF;
        box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
        height: 170px;
        width: 170px;
        margin-bottom: 10px;
        }

Substitui esse código em sua folha css e ve se chega ao resultado esperado.

pode fechar e obrigado pelo seu tempo amigo 

Mirotic