Separador no avatar

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

Atendido / Resolvido Separador no avatar

Mensagem por Jhool em 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
Usuário avançado

Masculino
Inscrito dia : 11/01/2017
Mensagens : 379
Pontos Ativos : 601

http://familiawarning.forumeiros.com/forum
  • 0

Atendido / Resolvido Re: Separador no avatar

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Separador no avatar

Mensagem por Jhool em 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
Usuário avançado

Masculino
Inscrito dia : 11/01/2017
Mensagens : 379
Pontos Ativos : 601

http://familiawarning.forumeiros.com/forum
  • 0

Atendido / Resolvido Re: Separador no avatar

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Separador no avatar

Mensagem por Jhool em 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
Usuário avançado

Masculino
Inscrito dia : 11/01/2017
Mensagens : 379
Pontos Ativos : 601

http://familiawarning.forumeiros.com/forum

Atendido / Resolvido Re: Separador no avatar

Mensagem por Kyo Panda em 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
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5935

https://ajuda.forumeiros.com

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