Perfil da postagem

Detalhes da questão

Endereço do fórum: http://brunomichael.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição

Bom quero modificar o perfil da postagem, o avatar é redondo quero coloca quadrado em uma dimensão de 170x300 e abaixar ele um pouco depois daquela linha que ele está por cima:
como está https://i.servimg.com/u/f62/18/65/51/17/h10.png
como eu queria: https://i.servimg.com/u/f62/18/65/51/17/gwgwag10.png

Olá,

Vá me:

Painel de controle>Visualização>Imagem e cores>Folha de estilo CSS

Aplique o seguinte código:

Código:

.postprofile-avatar img {
  min-width: 150px;
  min-height: 250px;
  border-radius: 0px;
  border: 1px solid #3793ff;
  width: 150px;
  height: 250px;
}

Até mais!

Veja: http://prntscr.com/hkdzf3
Tem como deixar ele abaixo da linha azul e da uma espaço da imagem e do nome do usuário.

Bruno_Michael escreveu:Veja: http://prntscr.com/hkdzf3
Tem como deixar ele abaixo da linha azul e da uma espaço da imagem e do nome do usuário.

Vamos ver se dessa vez resulta.

Troque o código anterior por esse:

Código:

.postprofile-avatar img {
    border: 1px solid #3793ff;
    border-radius: 0;
    height: 250px;
    min-height: 250px;
    min-width: 150px;
    width: 150px;
    top: 36px!important;
    position: relative;
}

Adicione mais esse código:

Código:

.username a span strong{
top:10px!important;
position:relative;
margin-left:-15!important;
}
.user-basic-info a img{
position: center !important;
}

Até mais!

Perfeito só falta mudar a posição do nick do usuário está em cima do avatar.
http://prntscr.com/hkeo1j

Bruno_Michael escreveu:Perfeito só falta mudar a posição do nick do usuário está em cima do avatar.
http://prntscr.com/hkeo1j

Troque esse código:

Código:

.username a span strong{
top:10px!important;
position:relative;
margin-left:-15!important;
}
.user-basic-info a img{
position: center !important;
}

Por esse:

Código:

.postprofile-name {
    position: relative;
    left: 0px!important;
    top: 36px!important;
    position: relative;
}

Adicione mais esse código:

Código:

.postprofile-avatar {
    margin-bottom: 40px;
    text-align: center;
}

.postprofile-name {
    position: relative!important;
    top: 0px!important;
}

Vamos ver se dessa vez resulta ^^

Vlw Ketholy
Obrigado pela ajuda.

Disponha!