Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Barra de Categorias
Hoje à(s) 8:08 por Claudio Arthur

» Avatar Gif
Hoje à(s) 5:12 por [K]oke

» Notificações
Hoje à(s) 2:22 por Luiz~

» Alinhamento botão curtir
Ontem à(s) 21:31 por Luiz~

» Remover a tag da página inicial do fórum
Ontem à(s) 20:27 por Luiz~

» Tipos de layout e ativação através de perfil de usuário
Ontem à(s) 18:47 por Harleen

» Correção codigo aparecer abaixo do avatar
Ontem à(s) 17:41 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Flames
 
Holkis
 
Blackfyre
 
wlweslley
 

Quem está conectado
238 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 237 Visitantes :: 2 Motores de busca

ThallesAmagami

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Separador no avatar

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

Resolvido Separador no avatar

Mensagem por Jhool em Qua 22 Mar 2017 - 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
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 8

Masculino
Inscrito dia : 11/01/2017
Mensagens : 128
Pontos Ativos : 210

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

Resolvido Re: Separador no avatar

Mensagem por Luiz~ em Qua 22 Mar 2017 - 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~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2929
Pontos Ativos : 3671

https://github.com/lffg/fdf/

Resolvido Re: Separador no avatar

Mensagem por Jhool em Qua 22 Mar 2017 - 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
avatar

Jhool
Nível 8

Masculino
Inscrito dia : 11/01/2017
Mensagens : 128
Pontos Ativos : 210

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

Resolvido Re: Separador no avatar

Mensagem por Luiz~ em Qua 22 Mar 2017 - 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~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2929
Pontos Ativos : 3671

https://github.com/lffg/fdf/

Resolvido Re: Separador no avatar

Mensagem por Jhool em Qua 22 Mar 2017 - 21:02

Resultou, obrigado !

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

Jhool
Nível 8

Masculino
Inscrito dia : 11/01/2017
Mensagens : 128
Pontos Ativos : 210

http://familiawarning.forumeiros.com/forum

Resolvido Re: Separador no avatar

Mensagem por Kyo Panda em Qua 22 Mar 2017 - 22:38

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3470
Pontos Ativos : 4743

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