Fundo de carregamento um pouco transparente

[Bookmarlucas654]

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

[Jack Sparrow]

Olá;
Substitua o código por este:

Código:

;jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><style>html{background-image:urlhttp://i47.servimg.com/u/f47/15/87/31/43/juhoiw10.png)}</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()};

Até Mais

[Bookmarlucas654]

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

[Jack Sparrow]

Olá;
Foi um erro do código ^^
Coloque esse aqui em lugar daquele:

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/juhoiw10.png)}</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()};

Até Mais

[Bookmarlucas654]

É 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?

[Jack Sparrow]

Olá;
Aí esta o codigo:

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)}</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()};

OBS: ela não esta cinzenta e sim transparente
Até Mais

[Bookmarlucas654]

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...

[Jack Sparrow]

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()};

[Bookmarlucas654]

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

[Jack Sparrow]

Olá;
Deixa eu explicar pq não da certo.
esse código jQuery bloqueia o acesso do forum enquanto carrega, quando carrega ele libera o forum.
o forum não carrega atraz disso e sim em baixo.
Por isso o código não esta funcionando.
me toquei disso agora :s
Até Mais

[Bookmarlucas654]

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;

[Jack Sparrow]

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

Entendeu ?

[Bookmarlucas654]

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!

[Jack Sparrow]

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

[Bookmarlucas654]

exato!

[Jack Sparrow]

Não ha como deseja;
infelizmente;
lamento

[Bookmarlucas654]

MODERADORES, PODEM BLOQUEAR O TÓPICO, ISSO NÃO VAI TER COMO RESOLVER MESMO...

[UsuarioX]

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

[Jack Sparrow]

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

[Dury]

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.

[Bookmarlucas654]

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?

[Dury]

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

[Jack Sparrow]

Coleman,
você leu o topico inteiro ?
não adianta mudar a transparencia da imagem, a pagina carrega em baixo do script e só é liberada quando a pagina carrega por total.

Ta dificil de vcs entenderem em.
Até Mais

[Bookmarlucas654]

Bem, eu já entendi o que o jack falou, por isto, pedi para fecharem o tópico *-*

EDIT: Aliás, já removi esse carregamento! Agora, fica a página principal só! Se quiserem, podem ver como eu fiz agora:

http://habbojoy.forumeiros.com/

[UsuarioX]

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.

[Bookmarlucas654]

Hum, entendo. Podem fechar o tópico, e desculpa ao jack principalmente