Adicionar borda e centralizar status do avatar

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Adicionar borda e centralizar status do avatar

Mensagem por Gui Trevizany em 19/03/17, 06:53 am

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.


Última edição por Gui Trevizany em 19/03/17, 01:43 pm, editado 1 vez(es)
avatar

Gui Trevizany
Nível 2

Masculino
Inscrito dia : 19/03/2017
Mensagens : 7
Pontos Ativos : 15

Ver perfil do usuário http://pmhhhabblive.forumeiros.com

Resolvido Re: Adicionar borda e centralizar status do avatar

Mensagem por LDE em 19/03/17, 10:35 am

Interessante, tbm gostaria de saber....
avatar

LDE
Nível 4

Masculino
Inscrito dia : 18/03/2017
Mensagens : 33
Pontos Ativos : 58

Ver perfil do usuário http://projetolde.forumeiros.com

Resolvido Re: Adicionar borda e centralizar status do avatar

Mensagem por iScroll em 19/03/17, 01:24 pm

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

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1638
Pontos Ativos : 2222

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Adicionar borda e centralizar status do avatar

Mensagem por Gui Trevizany em 19/03/17, 01:26 pm

@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
avatar

Gui Trevizany
Nível 2

Masculino
Inscrito dia : 19/03/2017
Mensagens : 7
Pontos Ativos : 15

Ver perfil do usuário http://pmhhhabblive.forumeiros.com

Resolvido Re: Adicionar borda e centralizar status do avatar

Mensagem por iScroll em 19/03/17, 01:29 pm

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;
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1638
Pontos Ativos : 2222

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Adicionar borda e centralizar status do avatar

Mensagem por Gui Trevizany em 19/03/17, 01:36 pm

@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.
avatar

Gui Trevizany
Nível 2

Masculino
Inscrito dia : 19/03/2017
Mensagens : 7
Pontos Ativos : 15

Ver perfil do usuário http://pmhhhabblive.forumeiros.com

Resolvido Re: Adicionar borda e centralizar status do avatar

Mensagem por iScroll em 19/03/17, 01:40 pm

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;
}
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1638
Pontos Ativos : 2222

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Adicionar borda e centralizar status do avatar

Mensagem por Gui Trevizany em 19/03/17, 01:43 pm

Obrigado mano, problema resolvido.
avatar

Gui Trevizany
Nível 2

Masculino
Inscrito dia : 19/03/2017
Mensagens : 7
Pontos Ativos : 15

Ver perfil do usuário http://pmhhhabblive.forumeiros.com

Resolvido Re: Adicionar borda e centralizar status do avatar

Mensagem por while em 19/03/17, 05:02 pm

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

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3217
Pontos Ativos : 4694

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum