Imagem no post

2 participantes

Ir para baixo

Tópico resolvido Imagem no post

Mensagem por Don Corleone 11.07.13 12:23

Qual é minha questão:
Vejam:

Imagem no post Sem_ta24

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

Vejam:

Imagem no post Sem_ta14

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 16:29, editado 1 vez(es)
Don Corleone
Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no post

Mensagem por Sennior 11.07.13 15:27

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no post

Mensagem por Don Corleone 11.07.13 15:43

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:

Imagem no post Sem_ta25

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;
}
Don Corleone
Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no post

Mensagem por Sennior 11.07.13 15:48

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no post

Mensagem por Don Corleone 11.07.13 16:08

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

Imagem no post Sem_ta26

em outro anúncio global:

Imagem no post Sem_ta27

em um tópico fixado:

Imagem no post Sem_ta28

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

terá uma solução?
Don Corleone
Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no post

Mensagem por Sennior 11.07.13 16:11

Olá amigo,

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

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no post

Mensagem por Don Corleone 11.07.13 16:15

Humrum, então não tem como fazer o que eu quero e?
Don Corleone
Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no post

Mensagem por Sennior 11.07.13 16:17

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no post

Mensagem por Don Corleone 11.07.13 16:18

Já coloquei, só está o código da imagem...
Don Corleone
Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no post

Mensagem por Sennior 11.07.13 16:22

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no post

Mensagem por Don Corleone 11.07.13 16:29

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

Don Corleone
Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos