Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Barra separadora de perfil e post

2 participantes

Início :: Forumeiros :: NostalgiaBarra separadora de perfil e post

DocBill DocBill  • Seg 24 Fev 2014 - 13:45

Barra separadora de perfil e post Empty Barra separadora de perfil e post Seg 24 Fev 2014 - 13:45

Qual é minha questão:
Olá =]

Eu queria colocar essa barra [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] separando (nos tópicos) o perfil do post.

Percebe-se que ela tem um degradê, logo gostaria que a "altura" dela mudasse* de acordo com o tamanho do post.

Obs.: Se der para fazer com linha (sem imagem), por mim está ótimo também.

*
Imagem:

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Darknes Darknes  • Seg 24 Fev 2014 - 14:00

Barra separadora de perfil e post Empty Re: Barra separadora de perfil e post Seg 24 Fev 2014 - 14:00

Em seu CSS adicione:

Código:
.pun .post div.postbody{
background: url(http://i.imgur.com/k5aqXPl.png) no-repeat;
}

Resulta?

Até mais! Wink

DocBill DocBill  • Seg 24 Fev 2014 - 14:10

Barra separadora de perfil e post Empty Re: Barra separadora de perfil e post Seg 24 Fev 2014 - 14:10

Ela tá onde que é para estar, mas não fazendo o que é para fazer, confira: http://victoryroad.forumeiros.com/t14p30-barrinha-personalizada-da-turma-de-idealizacao#275

Darknes Darknes  • Seg 24 Fev 2014 - 14:18

Barra separadora de perfil e post Empty Re: Barra separadora de perfil e post Seg 24 Fev 2014 - 14:18

Substitua o CSS fornecido por esse:

Código:
.pun .post div.postmain {
background: url(http://i.imgur.com/k5aqXPl.png) no-repeat;
}

Resulta?

Até mais! Wink

DocBill DocBill  • Seg 24 Fev 2014 - 14:22

Barra separadora de perfil e post Empty Re: Barra separadora de perfil e post Seg 24 Fev 2014 - 14:22

Consulte o mesmo link.

Tem como colocar uma largura fixa e altura variável?

Darknes Darknes  • Seg 24 Fev 2014 - 14:30

Barra separadora de perfil e post Empty Re: Barra separadora de perfil e post Seg 24 Fev 2014 - 14:30

Pra isso basta apenas diminuir ou aumentar as dimensões da imagem!

Até mais! Wink

DocBill DocBill  • Seg 24 Fev 2014 - 14:35

Barra separadora de perfil e post Empty Re: Barra separadora de perfil e post Seg 24 Fev 2014 - 14:35

Desculpe, acho que não expliquei direito, queria que ficasse igual na imagem do primeiro post, onde, independente do tamanho do post, a imagem se ajusta.

Darknes Darknes  • Seg 24 Fev 2014 - 15:17

Barra separadora de perfil e post Empty Re: Barra separadora de perfil e post Seg 24 Fev 2014 - 15:17

Reputação da mensagem: 100% (1 votos)
Altere seu CSS por esse:

Código:
.pun .post div.postmain {
background: url(http://i.imgur.com/k5aqXPl.png) no-repeat;
background-size: contain;
}

[b]Resulta?[b]

Até mais! Wink

DocBill DocBill  • Seg 24 Fev 2014 - 15:43

Darknes Darknes  • Seg 24 Fev 2014 - 15:45

Barra separadora de perfil e post Empty Resolvido! Seg 24 Fev 2014 - 15:45

[sucesso=Tópico Resolvido; e Bloqueado]Resolvido![/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Barra separadora de perfil e post Empty Re: Barra separadora de perfil e post

Início :: Forumeiros :: Nostalgia:: Barra separadora de perfil e post
Permissões neste sub-fórum
Não podes responder a tópicos