Modificação perfil

[Faeel]

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://teste98.forumeiros.com

Descrição do problema

Olá!

gostaria que a imagem de perfil ficasse centralizada no local, pois esta mais na esquerda.

E que façam um código tipo da imagem abaixo, porem quero ela em forma de quadrado, com uma borda da cor fraca.

http://prntscr.com/6d7ite

[Konai]

Saudações!

Utilize este código no inicio da tua CSS:

Código:

.pun .post .user {
text-align: center !important;
}

Até!

[Faeel]

Olá amigo

poderia me fornecer o meu segundo código pedido?

Grato!

[Konai]

Amigo, caso deseje centralizar também o nome, o código é este:

Código:

.pun .user-ident .username {
position: relative;
left: 0px;
}

Fica ao teu critério, se desejar ou não.

Quanto ao quadro, deseja em volta do avatar ou do perfil todo?

Até!

[Faeel]

Ok,

gostaria de uma borda quadrada parecida com a imagem, o vermelho riscado é aonde fica o nickname nos tópicos, poderia me fornecer?
https://i.imgur.com/7buPYFo.png

[Konai]

Código:

Código:

h4.username {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}

Seria assim?

[Faeel]

Quase perfeito amigão

Poderia alterar a cor do funco do código para um diferenciada do fórum, e aumentar a altura do quadrado?

[Konai]

Seria assim:

Código:

h4.username {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #ECECEC;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
height: 30px;
}

Substitua pelo o outro.

Até!

[Faeel]

Neste código poderia somente aumentar a altura um pouquinho? e centralizar o nickname dentro da barra?

Código:

h4.username {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}

[Konai]

Veja este código:

Código:

h4.username {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #ECECEC;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
height: 30px;
}

Procure pela a linha: "height: 30px;" e modifique o valor 30, aumentando ou diminuindo até ficar ao teu gosto. Quanto ao nick, se eu mover ele, o quadro move junto...

Até!

[Faeel]

Consegui arrumar! Reputei!

[Konai]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.