Separador no avatar

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
https://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/

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.

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

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.

Resultou, obrigado !

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