Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Aquiles

pop-up no Firefox com transparencia

Recommended Posts

ola galera, http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

ve bem... tenho um pop-up em flash que fica andando pelo site, soh que, texto, link ou qualquer coisa que fique abaixo dele nao fica acessivel no firefox. Ja no IE os links ficam acessiveis, mas nao seleciono texto. :mellow:

 

nesse forum mesmo tem um full banner como exemplo do que eu to querendo fazer. tem tbm esse link aqui pra vcs terem uma ideia melhor ^^

 

http://www.redemorar.com.br/grande-bh.php

 

#floater {	position:absolute;	left:22%;	margin-left:16px;	z-index:1;	visibility: visible;}

<div id="floater">  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="767" height="592">	<param name="movie" value="banner_flutuante.swf">	<param name="quality" value="high">	<param name="wmode" value="transparent">	<embed src="banner_flutuante.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="767" height="592" wmode="transparent"></embed>  </object></div>

flw gente :rolleyes:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá!

O z-index determina quem vai em cima, quem vai em baixo e etc...

 

e aqui faço assim:

<object classid="clsidclsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="728" height="90" wmode="transparent"><param name="movie" value="SEU_ARQUIVO.swf"><param name="quality" value="high"><param name="wmode" value="transparent"><embed src="SEU_ARQUIVO.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="728" height="90" wmode="transparent"></embed></object>

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

com relacao ao z-index ta limpeza.

 

mas o erro eh a danada da transparencia do flash no firefox, pois ele entende como se tivesse algo em cima, pos isso nao consigo acessar nada por baixo. :mellow:

 

o codigo fonte completo ta ae: :P

 

<html><meta name="keywords" content="metha, telemarketing, serviços, pesquisa, mercado, cobrança, captação, recursos, terceiro, setor, vendas, televendas, telefone, ativo, passivo, recife, pernambuco, teleatendimento, call center, terceirização, empresa, relacionamento, teleserviços, marketing" /><link href="estilo.css" rel="stylesheet" type="text/css"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>...</title><link href="style.css" rel="stylesheet" type="text/css"><style type="text/css"><!--body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}#bg2 {background-repeat:repeat-y}.rodape:hover {text-decoration:underline;}.saiba_mais:hover {text-decoration:underline;}.text_ultimas:hover {text-decoration:underline;}#floater {	position:absolute;	left:22%;	margin-left:16px;	z-index:1;	visibility: visible;}#banner {	position:absolute;	width:515px;	height:278px;	visibility:visible;	z-index:0;}--></style><script><!--setInterval("x()",1000);self.focus();function x(){window.status=":: ... ::"}//--></SCRIPT><script src="addswf.js" type="text/javascript"></script></head><body><div id="floater">  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="767" height="592">	<param name="movie" value="banner_flutuante.swf">	<param name="quality" value="high">	<param name="wmode" value="transparent">	<embed src="banner_flutuante.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="767" height="592" wmode="transparent"></embed>  </object></div><table width="100%" border="0" cellpadding="0" cellspacing="0" background="arqs/bg.gif" id="bg1">  <tr>	<td><table width="804" border="0" align="center" cellpadding="0" cellspacing="0" background="arqs/bg.jpg" id="bg2">		<tr>		  <td width="804"><table width="767" border="0" align="center" cellpadding="0" cellspacing="0">			  <tr>				<td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">					<tr>					  <td><table width="100%" border="0" cellspacing="0" cellpadding="0">						  <tr>							<td width="235" valign="top" background="arqs/tasquim_news.jpg"><!--#include file="esquerda.asp" --></td>							<td width="536" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="texts">								<tr>								  <td height="242" colspan="2"></td>								</tr>								<tr>								  <td height="130" colspan="2" valign="top" background="arqs/publicidade.jpg"><table width="100%" border="0">									  <tr>										<td><div class="publicidade" style="padding-bottom:5px; padding-left:5px; padding-top:5px;">..:: Publicidade ::..</div></td>									  </tr>									  <tr>										<td valign="top" height="90" > 										  <div id="banner">											<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="515" height="278">											  <param name="movie" value="arqs/banner.swf">											  <param name="quality" value="high">											  <param name="wmode" value="transparent">											  <embed src="arqs/banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="515" height="278" wmode="transparent"></embed>											</object>										  </div></td>									  </tr>									</table></td>								</tr>								<tr>								  <td width="60%"><div style="padding-left:10px;"><span class="hora">Recife</span>,									  <script>		  var mydate=new Date()		  var year=mydate.getYear()		  if (year < 1000)		  year+=1900		  var day=mydate.getDay()		  var month=mydate.getMonth()		  var daym=mydate.getDate()		  if (daym<10)		  daym="0"+daym		  var dayarray=new Array("Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado")		  var montharray=new Array("Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro")		  document.write("<small><font color='#000000' face='Arial' size='1'>"+dayarray[day]+", "+daym+" de "+montharray[month]+" de "+year+"</font></small>")									  </script>									  . </div></td>								  <td width="40%" align="right"><img src="arqs/aa.jpg" width="150" height="40" border="0" usemap="#Map"></td>								</tr>								<tr>								  <td colspan="2"><img src="arqs/topo_negocios_dia.jpg" width="273" height="41"></td>								</tr>								<tr>								  <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">									  <tr>										<td width="32%" align="center"><img src="arqs/fig1.jpg" width="110" height="106"></td>										<td width="68%" valign="top"><div style="padding-top:5px"><span class="titulo_noticias">Título da Matéria</span><br />											Aqui deve existir uma breve descrição da matéria a ser exibida, com essa mesma fonte e tamanho. Lembrando que o texto deve ter no máx. 03 linhas.<br />											<span class="saiba_mais"><a href="interna.html" class="saiba_mais">saiba +</a></span></div></td>									  </tr>									  <tr>										<td align="center"><img src="arqs/fig2.jpg" width="110" height="106"></td>										<td valign="top"><div style="padding-top:5px"><span class="titulo_noticias">Título da Matéria</span><br />											Aqui deve existir uma breve descrição da matéria a ser exibida, com essa mesma fonte e tamanho. Lembrando que o texto deve ter no máx. 03 linhas.<br />											<span class="saiba_mais"><a href="interna.html" class="saiba_mais">saiba +</a></span></div></td>									  </tr>									  <tr>										<td align="center"><img src="arqs/fig3.jpg" width="110" height="106"></td>										<td valign="top"><div style="padding-top:5px"><span class="titulo_noticias">Título da Matéria</span><br />											Aqui deve existir uma breve descrição da matéria a ser exibida, com essa mesma fonte e tamanho. Lembrando que o texto deve ter no máx. 03 linhas.<br />											<span class="saiba_mais"><a href="interna.html" class="saiba_mais">saiba +</a></span></div></td>									  </tr>									</table></td>								</tr>								<tr>								  <td height="238" colspan="2" valign="top" class="titulo_noticias"><table width="100%" border="0" cellspacing="0" cellpadding="0">									<tr>									  <td><img src="arqs/topo_ultimas.jpg" width="271" height="36"></td>									</tr>									<tr>									  <td><table width="503" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F0F0E4">										<tr>										  <td class="titulo_ultimas"><div style="padding-top:15px; padding-bottom:5px; padding-left:15px;">Folha de S. Paulo</div></td>										  <td class="titulo_ultimas"><div style="padding-top:15px; padding-bottom:5px; padding-left:5px;">Herald Tribune</div></td>										  <td class="titulo_ultimas"><div style="padding-top:15px; padding-bottom:5px; padding-left:5px;">The New York Times</div></td>										</tr>										<tr>										  <td class="text_ultimas"><div style="padding-top:5px; padding-bottom:5px; padding-left:15px;"><a href="#" class="text_ultimas">Carlos Heitor Cony: "Des anos sem Antonio Callado"</a></div></td>										  <td class="text_ultimas"><div style="padding-top:5px; padding-bottom:5px; padding-left:5px;"><a href="#" class="text_ultimas">Vibrações ruins para a Catedral da Sagrada Família</a></div></td>										  <td class="text_ultimas"><div style="padding-top:5px; padding-bottom:5px; padding-left:5px;"><a href="#" class="text_ultimas">Putin teria comparado política dos EUA ao nazismo</a></div></td>										</tr>										<tr>										  <td height="10"></td>										  <td></td>										  <td></td>										</tr>										<tr>										  <td class="titulo_ultimas"><div style="padding-top:15px; padding-bottom:5px; padding-left:15px;">Folha de S. Paulo</div></td>										  <td class="titulo_ultimas"><div style="padding-top:15px; padding-bottom:5px; padding-left:5px;">Herald Tribune</div></td>										  <td class="titulo_ultimas"><div style="padding-top:15px; padding-bottom:5px; padding-left:5px;">The New York Times</div></td>										</tr>										<tr>										  <td class="text_ultimas"><div style="padding-top:5px; padding-bottom:15px; padding-left:15px;"><a href="#" class="text_ultimas">Carlos Heitor Cony: "Des anos sem Antonio Callado"</a></div></td>										  <td class="text_ultimas"><div style="padding-top:5px; padding-bottom:15px; padding-left:5px;"><a href="#" class="text_ultimas">Vibrações ruins para a Catedral da Sagrada Família</a></div></td>										  <td class="text_ultimas"><div style="padding-top:5px; padding-bottom:15px; padding-left:5px;"><a href="#" class="text_ultimas">Putin teria comparado política dos EUA ao nazismo</a></div></td>										</tr>									  </table></td>									</tr>								  </table></td>								</tr>								<tr>								  <td colspan="2" class="titulo_noticias"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="532" height="232">									  <param name="movie" value="arqs/fotos.swf">									  <param name="quality" value="high">									  <embed src="arqs/fotos.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="532" height="232"></embed>									</object></td>								</tr>								<tr>								  <td colspan="2" class="titulo_noticias"><img src="arqs/topo_artigo.jpg" width="254" height="34"></td>								</tr>								<tr>								  <td height="181" colspan="2" align="center" class="titulo_noticias"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="496" height="171">									  <param name="movie" value="arqs/artigo.swf">									  <param name="quality" value="high">									  <embed src="arqs/artigo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="496" height="171"></embed>									</object></td>								</tr>							  </table></td>						  </tr>						  <tr>							<td height="54" colspan="2" align="center" background="arqs/bg_rodape.jpg" class="rodape">...<a href="" class="rodape">...</a> | ...<a href="" class="rodape">...</a></td>						  </tr>						</table></td>					</tr>				  </table></td>			  </tr>			</table></td>		</tr>	  </table></td>  </tr></table><map name="Map">  <area shape="rect" coords="87,12,99,31" href="#" alt="diminuir">  <area shape="rect" coords="107,7,121,31" href="#" alt="aumentar"></map></body></html>

flw http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Que banner vermelho? :huh:

 

você deve ta falando desse site http://www.redemorar.com.br/grande-bh.php nao eh?

 

Aqui tbm funfa e eh isso que eu quero saber... como consigo deixar os links acessíveis embaixo do flash.

 

E quanto posto aqui vi um full banner da LG aqui q tbm deixas os links abaixo dele funfarem.

 

E eh esse todo o meu pro com o danado do FF http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

Se alguem tiver um script ou algo parecido que resolva esse pro no FireFoca eu agradeceria http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

flw http://forum.imasters.com.br/public/style_emoticons/default/coolio.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem, nesse site eles usam os eventos na div, assim:<div id="bannercss" onmouseover="bannercss();" onmouseout="bannercss();" style="height:60px; z-index:2">E na função em javascript bannercss() ele verifica "se a div tem 60 de altura, joga pra 300, caso contrário joga pra 60". Ou seja, só brinca com o tamanho da div. Qualquer dúvida em relação a como fazer essa função, dá uma buscada no fórum de javascript. :)Abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

nao tem jeito... http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif

 

ja vi todo o codigo, os css, os js, e o que tinha quando baixei o site e nada http://forum.imasters.com.br/public/style_emoticons/default/skull.gif

 

nesse site tem um exemplo de um full banner http://www.flashmasters.net

,aqui tbm tem um full banner da LG que segue exatamente o que eu to querendo fazer, que eh o que tiver abaixo dele ficar acessivel.

 

ja nem sei mais o q faço http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

flw http://forum.imasters.com.br/public/style_emoticons/default/coolio.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Aquiles, tenho o mesmo script e aqui funciona normal, não o q pode estar havendo, já testou em outro pc com o ff?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.