Fundo de carregamento um pouco transparente

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

Resolvido Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 24/01/12, 10:15 pm

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
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow em 24/01/12, 10:20 pm

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
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 24/01/12, 10:25 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow em 24/01/12, 10:28 pm

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
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 24/01/12, 10:31 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow em 24/01/12, 10:39 pm

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
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 24/01/12, 10:41 pm

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

Triste Tonto
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow em 24/01/12, 10:45 pm

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

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 24/01/12, 10:51 pm

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

EDIT: Pra vc entender, ve esse tutorial aqui:

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow em 24/01/12, 10:53 pm

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
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 24/01/12, 10:54 pm

Poxa cara, ve esse tutorial, por favooooor Triste

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;


Última edição por Bookmarlucas654 em 24/01/12, 10:59 pm, editado 1 vez(es)
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow em 24/01/12, 10:58 pm

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

Entendeu ?
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 24/01/12, 11:00 pm

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! Louco
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow em 24/01/12, 11:05 pm

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

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 24/01/12, 11:07 pm

exato!
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow em 24/01/12, 11:18 pm

Não ha como deseja;
infelizmente;
lamento
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 24/01/12, 11:21 pm

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

Envergonhado
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por UsuarioX em 25/01/12, 12:13 am

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
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow em 25/01/12, 12:20 am

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
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Dury em 25/01/12, 12:43 pm

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(http://i49.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.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 25/01/12, 12:48 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Dury em 25/01/12, 01:03 pm

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

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow em 25/01/12, 01:08 pm

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
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 25/01/12, 01:15 pm

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

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

http://habbojoy.forumeiros.com/
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por UsuarioX em 25/01/12, 01:30 pm

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

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 em 25/01/12, 01:51 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

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