Separador no avatar

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

Resolvido Separador no avatar

Mensagem por Jhool em 22/03/17, 05:18 pm

Detalhes da questão


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

Descrição


Em um tópico eu pedi uma divisão e o Kyo fez está para mim
http://ajuda.forumeiros.com/t108210-divisoes-entre-posts-e-avatar
Foto: http://prntscr.com/en8pro


Gostaria de saber se tem como deixar só uma linha de vez ficar tudo preenchido, desta forma aqui.
Foto, está contornado em verde(apenas o esquerdo): http://prnt.sc/eewyt6

fórum em que vi: http://easydm.forumeiro.com/
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 157
Pontos Ativos : 257

Ver perfil do usuário http://familiawarning.forumeiros.com/forum
  • 0

Resolvido Re: Separador no avatar

Mensagem por Luiz em 22/03/17, 05:30 pm

Adicione este código ao final de sua CSS:
Código:
.posthead {
    position: relative;
    left: 216px;
    padding-left: 20px!important;
    border-radius: 4px!important;
}

.post {
    overflow: hidden;
}

.pun .posthead .username {
    position: absolute;
    top: -15px;
    left: -215px;
}

Até mais.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Separador no avatar

Mensagem por Jhool em 22/03/17, 05:44 pm

Ficou desta forma:
http://prntscr.com/en931l

Não é assim que eu estou querendo, é como está ai, só separar o Username e o avatar com uma unica linha
http://prnt.sc/eewyt6
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 157
Pontos Ativos : 257

Ver perfil do usuário http://familiawarning.forumeiros.com/forum
  • 0

Resolvido Re: Separador no avatar

Mensagem por Luiz em 22/03/17, 05:55 pm

Certo, vamos ajustar...

Procure, no código que te passei anteriormente, esta parte:
Código:
.pun .posthead .username {
    position: absolute;
    top: -15px;
    left: -215px;
}

Altere por:
Código:
.pun .posthead .username {
    position: absolute;
    top: -11px;
    left: -218px;
    background-color: #fff;
    border: solid 1px #ccc;
}

---

Procure também:
Código:
.posthead {
    position: relative;
    left: 216px;
    padding-left: 20px!important;
    border-radius: 4px!important;
}
E altere para:
Código:
.posthead {
    position: relative;
    left: 216px;
    padding-left: 20px!important;
    border-radius: 4px!important;
    background: #fff;
    border: solid 1px #ddd;
    top: 1px;
    border-radius: 5px 0px 0px 0px!important;
}

Até mais.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Separador no avatar

Mensagem por Jhool em 22/03/17, 06:02 pm

Resultou, obrigado !

se tiver como ajude neste tópico
http://ajuda.forumeiros.com/t108456-separador-no-cabecalho#759740
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 157
Pontos Ativos : 257

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

Resolvido Re: Separador no avatar

Mensagem por Kyo Panda em 22/03/17, 07:38 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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

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

- Tópicos similares

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