Separador no avatar

3 participantes

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

Tópico resolvido Separador no avatar

Mensagem por Jhool 22.03.17 20:18

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/
Jhool

Jhool
****

Membro desde : 11/01/2017
Mensagens : 379
Pontos : 601

http://familiawarning.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Separador no avatar

Mensagem por Luiz 22.03.17 20:30

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.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Separador no avatar

Mensagem por Jhool 22.03.17 20:44

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
Jhool

Jhool
****

Membro desde : 11/01/2017
Mensagens : 379
Pontos : 601

http://familiawarning.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Separador no avatar

Mensagem por Luiz 22.03.17 20:55

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.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Separador no avatar

Mensagem por Jhool 22.03.17 21:02

Resultou, obrigado !

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

Jhool
****

Membro desde : 11/01/2017
Mensagens : 379
Pontos : 601

http://familiawarning.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Separador no avatar

Mensagem por Kyo Panda 22.03.17 22:38

Separador no avatar Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos