Fundo de carregamento um pouco transparente

4 participantes

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

Tópico resolvido Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 0:15

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
Bookmarlucas654

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow 25.01.12 0:20

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 Fundo de carregamento um pouco transparente Sch_pirates
Jack Sparrow

Jack Sparrow
Membro do fórum

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

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 0:25

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

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow 25.01.12 0:28

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 Fundo de carregamento um pouco transparente Sch_pirates
Jack Sparrow

Jack Sparrow
Membro do fórum

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

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 0:31

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

Fundo de carregamento um pouco transparente LoadingAnimation

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

Fundo de carregamento um pouco transparente Juhoiw10

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

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow 25.01.12 0:39

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 Fundo de carregamento um pouco transparente Sch_pirates
Jack Sparrow

Jack Sparrow
Membro do fórum

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

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 0:41

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
Bookmarlucas654

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow 25.01.12 0:45

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

Jack Sparrow
Membro do fórum

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

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 0:51

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
Bookmarlucas654

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow 25.01.12 0:53

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 Fundo de carregamento um pouco transparente Sch_pirates
Jack Sparrow

Jack Sparrow
Membro do fórum

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

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 0:54

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ó:

Fundo de carregamento um pouco transparente 28bv492

Entendeu o que eu to falando faz tempo? D;


Última edição por Bookmarlucas654 em 25.01.12 0:59, editado 1 vez(es)
Bookmarlucas654

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow 25.01.12 0:58

Isso ai eu sei, o problema é que...
vo tira um print do codigo antes de sumir pra vc ver como é:
Fundo de carregamento um pouco transparente Capturarfe
Entendeu ?
Jack Sparrow

Jack Sparrow
Membro do fórum

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

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 1:00

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:

Fundo de carregamento um pouco transparente 144080177

Ve a diferença agora! Louco
Bookmarlucas654

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow 25.01.12 1:05

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

Jack Sparrow
Membro do fórum

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

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 1:07

exato!
Bookmarlucas654

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow 25.01.12 1:18

Não ha como deseja;
infelizmente;
lamento
Jack Sparrow

Jack Sparrow
Membro do fórum

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

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 1:21

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

Envergonhado
Bookmarlucas654

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por UsuarioX 25.01.12 2:13

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
UsuarioX

UsuarioX
Membro destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos ativos : 916

http://www.zonetoony.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow 25.01.12 2:20

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
Jack Sparrow

Jack Sparrow
Membro do fórum

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

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Dury 25.01.12 14:43

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

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos ativos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 14:48

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

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Dury 25.01.12 15:03

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

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos ativos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Jack Sparrow 25.01.12 15:08

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.
Fundo de carregamento um pouco transparente Capturarfe
Ta dificil de vcs entenderem em.
Até Mais Fundo de carregamento um pouco transparente Sch_pirates
Jack Sparrow

Jack Sparrow
Membro do fórum

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

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 15:15

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/
Bookmarlucas654

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por UsuarioX 25.01.12 15:30

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

UsuarioX
Membro destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos ativos : 916

http://www.zonetoony.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de carregamento um pouco transparente

Mensagem por Bookmarlucas654 25.01.12 15:51

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

Bookmarlucas654
Membro destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos ativos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste fórum
Você não pode responder aos tópicos