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 : 235
Pontos Ativos : 382

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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Admineiro
avatar

Luiz
Admineiro
Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6533
Pontos Ativos : 7305

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 : 235
Pontos Ativos : 382

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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Admineiro
avatar

Luiz
Admineiro
Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6533
Pontos Ativos : 7305

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 : 235
Pontos Ativos : 382

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 : 4640
Pontos Ativos : 5925

Ver perfil do usuário http://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