Caixa nas postagens

[Meky3]

Qual é minha questão:

Queria deixar a minha caixa igual aquela !
A minha está assim : https://i.imgur.com/OGlXWDN.png
como que eu crio igual aquela?

Endereço do meu fórum:
http://flux-pixel.forum-pro.net

Versão do fórum:
PUNBB

[Konai]

Saudações!

O senhor poderia nos conceder o link do fórum que viu tal efeito?

Até mais!

[Meky3]

programando.forum-pro.net

[Konai]

Saudações!

Siga: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Adicione este código no inicio da tua CSS:

Código:

.pun .post .user {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
border: 1px solid #D9DBDD;
border-radius: 3px;
font-size: 12px;
line-height: 130%;
margin-left: -16em;
margin-top: -.7em;
position: relative;
text-align: center;
width: 175px;
}
.pun .user .user-ident {
font-size: 12px;
padding: 0 0 .7em;
}
.pun .user .user-ident .user-basic-info {
color: #777;
font-size: 11px;
font-weight: 400;
text-align: center;
}

Por fim, salve!

Até mais!

[Meky3]

Saudações!
Funcionou , porém ficou em cima, tem como abaixar um pouco?

https://i.imgur.com/UaqZ5hL.png

[Konai]

Olá novamente,

Substitua o código atual por este:

Código:

.pun .post .user {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
border: 1px solid #D9DBDD;
border-radius: 3px;
font-size: 12px;
line-height: 130%;
margin-left: -16em;
margin-top: 0.5em;
position: relative;
text-align: center;
width: 175px;
}
.pun .user .user-ident {
font-size: 12px;
padding: 0 0 .7em;
}
.pun .user .user-ident .user-basic-info {
color: #777;
font-size: 11px;
font-weight: 400;
text-align: center;
}

Por fim, salve!

Atenciosamente!

[Meky3]

Saudações!
Venho informar por esta mensagem que tudo foi resolvido.
Obrigado e até logo! ;D