Adicionar borda e centralizar status do avatar

por Gui Trevizany 19.03.17 9:53

Detalhes da questão

Endereço do fórum: http://pmhhhabblive.forumeiros.com
Versão do fórum: PunBB

Descrição

Então, a minha dúvida é a seguinte: Como faço para deixar essa parte do fórum:
EXATAMENTE dessa forma:

com as fontes, contorno/borda, etc. Por favor, me ajudem. E se já existe essa dúvida, podem ter a certeza que não achei a resposta para as minhas dúvidas, pois eu pesquisei sobre e não achei nenhuma coerente com a minha situação.

por LDE 19.03.17 13:35

Interessante, tbm gostaria de saber....

por iScroll 19.03.17 16:24

Olá autor, peço que crie um tópico qualquer no seu fórum e me mande para eu efetuar os testes.

por Gui Trevizany 19.03.17 16:26

iScroll escreveu:Olá autor, peço que crie um tópico qualquer no seu fórum e me mande para eu efetuar os testes.

Criado: http://pmhhhabblive.forumeiros.com/t1-teste#1

por iScroll 19.03.17 16:29

Na sua folha de estilo CSS procure por:

Código:: .pun .user .user-info {

E adicione:

Código:: margin-left: 11px; border: 1px solid #ddd; text-align: center;

por Gui Trevizany 19.03.17 16:36

iScroll escreveu:Na sua folha de estilo CSS procure por:

Código:
.pun .user .user-info {

E adicione:

Código:
margin-left: 11px; border: 1px solid #ddd; text-align: center;

De fato funcionou, mas no final, eu desejo que tenha um espaço entre os status e o próprio tópico, assim:

Além disso, eu gostaria também que seja destacado com negrito os status, desse jeito:

Se tiver como, eu agradeço.

por iScroll 19.03.17 16:40

Sobre o espaçamento procure:

Código:: .pun .user {

E adicione:

Código:: margin: 10px;

Sobre o negrito, adicione na sua folha de estilo CSS:

Código:: span.label { color: #000; }

por Gui Trevizany 19.03.17 16:43

Obrigado mano, problema resolvido.

por while 19.03.17 20:02

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Adicionar borda e centralizar status do avatar