Comentários sobre: Banner com DIV Flutuante e Transparente http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/ triste como um problema de usabilidade em um eletrodoméstico pode arruinar uma dieta Sun, 17 Jul 2011 02:57:05 +0000 hourly 1 http://wordpress.org/?v=3.2.1 Por: Paulo http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-7368 Paulo Sat, 16 Jul 2011 22:16:08 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-7368 muito bom! linda! muito bom! linda!

]]> Por: adailton http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-6451 adailton Mon, 27 Dec 2010 22:15:41 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-6451 poxa vida e eu se matando a 15 dias para tentar colocar botoes submit com fundo transparente em cima do iframe e voce com essa jóia de codigo muito parabéns. poxa vida e eu se matando a 15 dias para tentar colocar botoes submit com fundo transparente em cima do iframe e voce com essa jóia de codigo muito parabéns.

]]> Por: jaque http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-6358 jaque Thu, 16 Dec 2010 03:15:57 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-6358 me salvou hoje parabens!!! me salvou hoje
parabens!!!

]]> Por: Henrique http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-5724 Henrique Sat, 29 May 2010 19:22:24 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-5724 Olá! Estava enfrentando problemas com o Firefox para fechar esse banner flutuante, mas esse script resolveu o problema. obs: eu não usei flash no conteúdo da Layer, era uma imagem apenas... Obrigado! Olá!
Estava enfrentando problemas com o Firefox para fechar esse banner flutuante, mas esse script resolveu o problema.
obs: eu não usei flash no conteúdo da Layer, era uma imagem apenas…

Obrigado!

]]> Por: Rafael http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-5681 Rafael Sun, 16 May 2010 19:53:13 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-5681 boa tarde, está de parabéns, fiz aqui e funcionou certinho, queria dar uma incrementada no meu código, como faço pra bloquear a barra de rolagem da pagina que está atras do banner? boa tarde, está de parabéns, fiz aqui e funcionou certinho, queria dar uma incrementada no meu código, como faço pra bloquear a barra de rolagem da pagina que está atras do banner?

]]> Por: Roberto Lunelli http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-5646 Roberto Lunelli Thu, 13 May 2010 17:52:41 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-5646 Vale acrescentar que o z-index:1 só vai servir quando o site não tiver muito conteudo... ou seja... os elementos de fato estarem atrás do z-index:1 Pra não ter surpresas, basta colcoar o z-index:1000, assim terá certeza que estará acima de tudo sempre. Apenas colaborando Cai aqui por acaso. Visite meu site tbm... www.canaldev.com.br, vai aprender muito lá Beijo Vale acrescentar que o z-index:1 só vai servir quando o site não tiver muito conteudo… ou seja… os elementos de fato estarem atrás do z-index:1

Pra não ter surpresas, basta colcoar o z-index:1000, assim terá certeza que estará acima de tudo sempre.

Apenas colaborando
Cai aqui por acaso.

Visite meu site tbm… http://www.canaldev.com.br, vai aprender muito lá

Beijo

]]> Por: Rangel http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-4810 Rangel Thu, 11 Feb 2010 21:52:10 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-4810 Curti o banner, muito bom, de forma legal! não cheio de frescura como muitos fazem pelo dreamweaver!!! Obrigado. Curti o banner, muito bom, de forma legal! não cheio de frescura como muitos fazem pelo dreamweaver!!!

Obrigado.

]]> Por: Maico http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-3800 Maico Tue, 17 Nov 2009 15:56:50 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-3800 olá, estou fazendo um banner exatamente nesses moldes, um quadro transparente de 500x425 com, digamos, um quadrado "andando na tela". Notei que seu banner possui o mesmo comportamento indesejável que o meu: nos navegadores diferentes do Internet Explorer, a área transparente do quadro tampa o texto que está, tornando ele inacessível enquando a animação está visível. Será que alguém sabe como resolver isso? Para você entender melhor, a animação começa como um pequeno banner de 120x40, e não deve incomodar o usuário, somente se ele clicar em cima, o banner deve crescer e ficar com 500x425. Enquando o banner não foi clicado, toda a área de 500x425 fica inacessível no Firefox, Chrome, Opera, etc. Só funciona no Internet Explorer. Estou quase concluindo que não há solução. olá, estou fazendo um banner exatamente nesses moldes, um quadro transparente de 500×425 com, digamos, um quadrado “andando na tela”. Notei que seu banner possui o mesmo comportamento indesejável que o meu: nos navegadores diferentes do Internet Explorer, a área transparente do quadro tampa o texto que está, tornando ele inacessível enquando a animação está visível.
Será que alguém sabe como resolver isso?

Para você entender melhor, a animação começa como um pequeno banner de 120×40, e não deve incomodar o usuário, somente se ele clicar em cima, o banner deve crescer e ficar com 500×425. Enquando o banner não foi clicado, toda a área de 500×425 fica inacessível no Firefox, Chrome, Opera, etc. Só funciona no Internet Explorer.
Estou quase concluindo que não há solução.

]]> Por: Diego http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-3162 Diego Fri, 23 Oct 2009 11:26:39 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-3162 Ola, tentei a substituição e não consegui. Seria nesta linha neh: ( document.getElementById(nomeDiv).style.visibility == "hidden" ) , mas como ficaria? Obrigado Diego Ola, tentei a substituição e não consegui.

Seria nesta linha neh:
( document.getElementById(nomeDiv).style.visibility == “hidden” ) , mas como ficaria?

Obrigado

Diego

]]> Por: Lia http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-3156 Lia Thu, 22 Oct 2009 12:41:19 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-3156 Diego, Então, pra resolver esse seu problema você pode fazer o seguinte: No CSS, onde você coloca visibility:hidden; pra esconder a DIV, você substitui por display:none;. Não testei, mas acredito que funcione. Boa sorte! =) Diego,

Então, pra resolver esse seu problema você pode fazer o seguinte: No CSS, onde você coloca visibility:hidden; pra esconder a DIV, você substitui por display:none;. Não testei, mas acredito que funcione.

Boa sorte! =)

]]> Por: claudio http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-3154 claudio Wed, 21 Oct 2009 18:59:43 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-3154 bonito blog bonito blog

]]> Por: Diego http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-3153 Diego Wed, 21 Oct 2009 18:18:00 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-3153 segui o seu tutorial e del certo, mas quaando clico em fechar o div,q esta meu swf, o som do meu swf continua. sabe porque. Mas obrigado era isso q estava procurando. Diego segui o seu tutorial e del certo, mas quaando clico em fechar o div,q esta meu swf, o som do meu swf continua.
sabe porque.

Mas obrigado era isso q estava procurando.

Diego

]]> Por: viConcursos http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-2324 viConcursos Fri, 14 Aug 2009 19:49:22 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-2324 muito bom esse artigo.. parabens. acho que hoje o css tem revolucionado o mundo web facilitou muito.. muito bom esse artigo.. parabens. acho que hoje o css tem revolucionado o mundo web facilitou muito..

]]> Por: Thiago Luiz Rodrigues http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-1919 Thiago Luiz Rodrigues Tue, 30 Jun 2009 00:43:14 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-1919 Boa noite Lia, estava a navegar na web e olhei seu portfólio, gostei muito, são excelentes front-end’s web. Meu nome é Thiago Luiz Rodrigues, moro em Rondônia sou arquiteto SOA de uma empresa, estamos em um projeto de e-commerce, e precisamos de um designer de interface para algumas telas, queria saber se você esta disponível para ums projetos free-lance durante do desenvolvimento do e-commerce, e após tambem eu preciso que vocês conheça de XHTL, CSS, e estruturação de conteúdo em tablelss e o mais importante criatividade para criar. Precisamos disso com urgência, pois o projeto esta um pouco atrasado abaixo segue o link do sistema. www.gramotos.com www.gramotos.com/adm por favor me add no msn para falarmos msn: bobboyms@hotmail.com e-mail: bobboyms@yahoo.com.br cell: (69) 9954-6263 Aguardo seu contato com urgência para conversarmos Boa noite Lia, estava a navegar na web e olhei seu portfólio, gostei muito, são excelentes front-end’s web. Meu nome é Thiago Luiz Rodrigues, moro em Rondônia sou arquiteto SOA de uma empresa, estamos em um projeto de e-commerce, e precisamos de um designer de interface para algumas telas, queria saber se você esta disponível para ums projetos free-lance durante do desenvolvimento do e-commerce, e após tambem eu preciso que vocês conheça de XHTL, CSS, e estruturação de conteúdo em tablelss e o mais importante criatividade para criar.

Precisamos disso com urgência, pois o projeto esta um pouco atrasado abaixo segue o link do sistema.

http://www.gramotos.com
http://www.gramotos.com/adm

por favor me add no msn para falarmos

msn: bobboyms@hotmail.com

e-mail: bobboyms@yahoo.com.br

cell: (69) 9954-6263

Aguardo seu contato com urgência para conversarmos

]]> Por: Gustavo Caselato http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-1904 Gustavo Caselato Thu, 18 Jun 2009 11:05:54 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-1904 Bem, o tópico é antigo mas acho que vale a pena. Para fechar a DIV do Flash transparente através do flash é só colocar uma ação no botão fechar (dentro do flash), para que leve o filme a um frame vazio no _root. ex: on (release) { _root.gotoAndPlay(5); } onde o frame 5 está vazio. No frame 5 coloque a ação: getURL("javascript:controlaCamada('nomeDiv');"); stop(); prontinho, fecha a DIV de dentro do Flash. Excelente dica, me concedeu mais uns anos de vida! Bem, o tópico é antigo mas acho que vale a pena.

Para fechar a DIV do Flash transparente através do flash é só colocar uma ação no botão fechar (dentro do flash), para que leve o filme a um frame vazio no _root. ex:

on (release)
{
_root.gotoAndPlay(5);
}

onde o frame 5 está vazio.

No frame 5 coloque a ação:

getURL(“javascript:controlaCamada(‘nomeDiv’);”);
stop();

prontinho, fecha a DIV de dentro do Flash.

Excelente dica, me concedeu mais uns anos de vida!

]]> Por: Jhonny http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-1895 Jhonny Tue, 16 Jun 2009 12:22:31 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-1895 Extraordinária explicação, agradeço por ter tamanha paciência e força de vontade, espero com meus sinceros votos de sorte, que continue com seu blog, e que seja ponto de referência para muitos... Abraços. At.: Jhonny. goDesigner www.godesigner.com.br Extraordinária explicação, agradeço por ter tamanha paciência e força de vontade, espero com meus sinceros votos de sorte, que continue com seu blog, e que seja ponto de referência para muitos…
Abraços.

At.:
Jhonny.
goDesigner
http://www.godesigner.com.br

]]> Por: Sissy http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/comment-page-1/#comment-1002 Sissy Tue, 27 Jan 2009 19:19:58 +0000 http://www.liasiqueira.com.br/blog/?p=195#comment-1002 A coisa mais linda teu site. ;) A coisa mais linda teu site.

;)

]]>