Bem eu vi o tutorial do "BG" da staff ficou perfeito no meu fórum mas eu queria fazer algo parecido mas com uma imagem no centro da mensagem tipo esta aqui:



e também gostaria de saber como fazer pra imagem ficar sobre a cor de fundo e não influenciar na mesma tipo eu poder mudar a cor do fundo e a imagem conforme "me der na telha" desde já obrigado.

Atenciosamente

.post div.inner {
background-image: url(URL_DA_SUA_IMAGEM);
background-position: 60% 50px;
background-repeat: no-repeat;
}

resultou, como coloco ela no meio do post?

Simples, só alterar os valores:

Código:

.post div.inner {background-image: url(http://i.imgur.com/TZiJzcS.png);background-position: 38% 118px;background-repeat: no-repeat;}

Até mais.

Esta vendo " background-position: 60% 50px; " no 60% 50px você ajeita a seu gosto a posição de sau imagem.


60% para a posição horizontal e os 50px pela posição vertical!

Resultou coloquei o código assim:

.post div.inner {
background-image: url(https://i.imgur.com/TZiJzcS.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}

ficará sempre no meio do post