Fundo de carregamento um pouco transparente

Qual é minha questão:
Eu criei um tópico perguntando como fazer aparecer uma imagem quando a página estiver carregando! Dai, era pra criar uma página HTML, e etc...! Deu tudo certo, mas, queria personalizar mais!

Eu quero deixar o fundo um pouco transparente! Aqui o código:

Código:

;jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><style>html{background-image:url(http://www.habbid.com.br/arquivos/2011/06/820630520.gif)}</style><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><img src="http://www.habbid.com.br/images/loadingAnimation.gif" border=0><br><b>Carregando...</b></br></div>');jQuery('body').hide()});window.onload=function(){jQuery('body').show();jQuery('.pagcarreg').remove()};

A parte que fala sobre o fundo, é esta:

Código:

;jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><style>html{background-image:url(http://www.habbid.com.br/arquivos/2011/06/820630520.gif)}</style>

O link da imagem do fundo é esta:
http://www.habbid.com.br/arquivos/2011/06/820630520.gif

Tem como deixar ele "UM POUCO"(Não completamente) transparente? Para ver a página sendo carregada! Para entenderem melhor, vejam meu fórum e abram outras páginas:

http://habbojoy.forumeiros.com/

Ai, se der para notar, ele encobre todo o fórum com a imagem da grama! E aquela imagem da grama eu queria dar um pouco de transparência, para ver o fórum, enquanto carrega!

Tem como?

Medidas que eu tomei para corrigir o problema:
Vir aqui!

Imagens do meu problema:
Está no tópico, no código!

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

Versão do meu fórum:
PHPBB3

Agora ele ficou TODO BRANCO '-' Tipo, eu quero a imagem da "GRAMA", mas que ele esteja um pouco "TRANSPARENTE", entende?

É quase isto, mas, você colocou o fundo transparente nesta imagem:



E eu quero nesta, que ela fique um pouco transparente:



Entendeu?

EDIT: Ops, você deixou a grama um pouco mais cinzento? Seila. Tem como deixar ela mais "transparente", que apareça ela bem pouquinho? :S

EDIT 2: O transparente que quero dizer, é que de para ver o que tiver ATRAS da imagem, entende?

Cara, está + ou -, mas, ainda não dá para ver o que tem ATRAZ da imagem poxa. Ve lá no fórum, por favor. Enquanto aparece essa imagem com a grama, dê para ver ATRAZ da grama, um pouco o fórum, ou seja, que dê para ver o que está por traz da grama, entendeu cara? poxa...

Tenta agora:

Código:

;jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><style>html{background-image:url(http://i47.servimg.com/u/f47/15/87/31/43/untitl19.png); backgroung-color:transparent}</style><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><img src="http://www.habbid.com.br/images/loadingAnimation.gif" border=0><br><b>Carregando...</b></br></div>');jQuery('body').hide()});window.onload=function(){jQuery('body').show();jQuery('.pagcarreg').remove()};

Se notar lá no fórum, ainda não dá para ver o que está por TRAZ da grama Poxa, é um CÓDIGO em CSS, algo tipo "transparenc" seila... Você não tem esse código?

EDIT: Pra vc entender, ve esse tutorial aqui:

http://www.w3schools.com/css/css_image_transparency.asp

Poxa cara, ve esse tutorial, por favooooor

http://www.w3schools.com/css/css_image_transparency.asp

EDIT: Ai, como tá no tutorial, eu queria que ele fizesse tipo isto, mas, a letra seria aquela imagem dos bonequinhos pulando, e a parte branca transparente seria a grama. note que o branco está transparente, e dá para ver as flores atras, entende? olha só:



Entendeu o que eu to falando faz tempo? D;

Isso ai eu sei, o problema é que...
vo tira um print do codigo antes de sumir pra vc ver como é:

Entendeu ?

Mas se o fundo fosse outro, vc notaria o que eu to falando. vo editar o fundo, fica vendo la, pf

EDIT: Pronto, mudei o fundo do meu fórum para este:



Ve a diferença agora!

o que você quer que deixa transparente é o fundo da pagina de carregamento não é ?

exato!

Não ha como deseja;
infelizmente;
lamento

BookMarlucas So vc procura no google Em Tipo imagen com o titulo : Fundo transparente que apareça muito resultado de fundos , Vai la que vc consegue

juanf11 escreveu:BookMarlucas So vc procura no google Em Tipo imagen com o titulo : Fundo transparente que apareça muito resultado de fundos , Vai la que vc consegue

Não é bem isso que ele queria.
mas valeu por tentar ajudar

Bom dia!

Você pode fazer isso tranquilamente no Photoshop. Você pode ir em nossa seção gráfica e pedir uma imagem (em dimensões desejadas) opaca. Eu uso um código em meu fórum e compartillho com você:

;jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><style>html{background-image:url(https://2img.net/h/oi49.tinypic.com/k9ytsx.png)}</style><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><img src="IMAGEM_CARREGANDO.GIF" border=0></div>');jQuery('body').hide()});window.onload=function(){jQuery('body').show();jQuery('.pagcarreg').remove()};

Veja se a mesma lhe agrada. Mas antes salve o seu código atual para não perder nada.

Mas, tipo, dá para o fundo ficar um pouco transparente, que tipo, dê para ver o fórum carregando, mas impossibilite clicar no fórum?

Sim. Quando estiver carregando o usuário não vai conseguir selecionar nada. Ele deverá aguardar até a página carregar por total!

Ola.

Geralmente a habbid tem uma tecnologia que nos nao pode identificar.
Pois a tecnologia da habbid faz com que a pagina html do carregamento nao fice transparente , fica bem no forum, Geralmente da nossa tecnologia isso nao é possivel , me desculpe.