Imagem no post

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

Resolvido Imagem no post

Mensagem por Connor R. em 11/07/13, 08:23 am

Qual é minha questão:
Vejam:



Notem o quadrado vermelho, pois bem, gostaria que todos os posts ficassem com aquela imagem automaticamente.

Vejam:



Fórum onde vi:
http://www.onepiecerpg.com/

Neste fórum fica essa imagem automaticamente, mas só que no fundo, eu quero como na imagem a cima....

Tem como?

Endereço do meu fórum:
http://somosmugiwara.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Connor R. em 11/07/13, 12:29 pm, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Imagem no post

Mensagem por Sennior em 11/07/13, 11:27 am

Olá,

Código:
.post {
background-image: url(URL DA IMAGEM);
background-position: 100% 100%;
background-repeat: no-repeat;
}

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem no post

Mensagem por Connor R. em 11/07/13, 11:43 am

Mikéé, seu código não resultou, mas veja o código que criei:

Código:
.pun .postmain {
background-image: url(http://i38.servimg.com/u/f38/17/63/00/37/sem_ta12.png);
background-repeat: no-repeat;
background-position: top center;
border-left: 3px solid #ddd;
margin-left: 18em;
}

Veja como fica no post:



Note que a imagem fica cortada e o conteúdo do post deveria ficar abaixo da imagem, como indica a seta.
Já tentei arrumar, mais não conseguir. veja se você consegue..este código está ativo no fórum.

Editado:

Mikéé consegui ajustar a imagem para ficar na posição correta, agora falta só o conteúdo do post que tem que ficar abaixo da imagem:

Código:
.pun .postmain {
background-image: url(http://i38.servimg.com/u/f38/17/63/00/37/sem_ta12.png);
background-repeat: no-repeat;
background-position: 50% 3%;
border-left: 3px solid #ddd;
margin-left: 18em;
}
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Imagem no post

Mensagem por Sennior em 11/07/13, 11:48 am

Olá amigo,

Agora, use este código:

Código:
.entry-content {
position: relative !important;
top: 160px !important;
}

Coloque no inicio de teu CSS.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem no post

Mensagem por Connor R. em 11/07/13, 12:08 pm

Funcionou em alguns tópicos Mikéé, veja em um anúncio global como ficou.



em outro anúncio global:



em um tópico fixado:



Veja este link e note como as imagens mudam ao longo dos posts....

terá uma solução?
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Imagem no post

Mensagem por Sennior em 11/07/13, 12:11 pm

Olá amigo,

Coloque apenas o efeito da imagem no tópico por gentileza. Apenas a imagem de fundo. Piscada

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem no post

Mensagem por Connor R. em 11/07/13, 12:15 pm

Humrum, então não tem como fazer o que eu quero e?
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Imagem no post

Mensagem por Sennior em 11/07/13, 12:17 pm

Olá,

Sim, tem! Muito feliz Mas preciso que coloque novamente o código apenas da imagem de fundo, para que possamos criar outro, entendeu? Piscada

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem no post

Mensagem por Connor R. em 11/07/13, 12:18 pm

Já coloquei, só está o código da imagem...
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Imagem no post

Mensagem por Sennior em 11/07/13, 12:22 pm

Olá amigo,

Troque por este. Se em alguns tópicos ficarem com a imagem por baixo dos tópicos, apenas aumente o px:

Código:
.pun .entry-content {
position: relative;
margin-top: 180px;
z-index: 9999;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem no post

Mensagem por Connor R. em 11/07/13, 12:29 pm

Ficou legal Mikéé, valeu cara....

avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

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