Jump to content


Photo

Floating Ad


  • Faça o login para participar
7 replies to this topic

#1 Touche

Touche

    Novato no fórum

  • Usuários
  • 14 posts
  • Sexo:Não informado

Posted 04/11/2004, 08:47

alguem sabe onde tem um tutorial de como fazer um desses banners que flutua sobre a pagina/

#2 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 04/11/2004, 10:05

Leia esse primeiro
http://forum.wmonlin...?showtopic=2651

Depois esse
http://forum.wmonlin...?showtopic=2658

Bom, isso é o que o pessoal fala sobre "banner que flutua" ;)
se não for, volte a postar!!
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#3 Touche

Touche

    Novato no fórum

  • Usuários
  • 14 posts
  • Sexo:Não informado

Posted 04/11/2004, 10:48

esse ai nao se movimenta keria um tipo o do terra que o banner aparece e a pessoa escolhe se ker fechar ou intao depois de alguns segundos ele fecha automatico...

#4 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 04/11/2004, 11:19

Não vi o do terra se movimentar tbm :blink:
Ele so colocou uma animacao dentro da div.. foi a unica coisa que vi se movimentando ali...

Veja esse topico
http://forum.wmonlin...hl=transparente
Para fechar automaticamente
http://forum.wmonlin...93654&hl=fechar

Se não conseguir, poste que posta um script aqui.. mais tente primeiro é melhor ;)
olhe os topicos que postei e tente!!
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 Touche

Touche

    Novato no fórum

  • Usuários
  • 14 posts
  • Sexo:Não informado

Posted 04/11/2004, 17:49

Ae Alexxx valeu pela ajuda velho... eu consegui fazer um assim

<html>
<head>
<script language="JavaScript">
setTimeout("document.all.layer_destaque.style.display='none'", 10000)
</script>
<title>Documento sem t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<div id="layer_destaque" style="position:absolute; left:128px; top:109px; width:300px; height:300px; z-index:1; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;">
  <div align="right">
    <p><a href="#" onClick="document.all.layer_destaque.style.display='none'"><font color="#FFFF00">Fechar</font></a></p>
    <p align="center"><br>
      <font color="#FFFFFF" size="5" face="Trebuchet MS, Tahoma, Verdana">A ANIMACAO VEM AKI!</font><br>
       </p>
  </div>
</div>
</body>
</html>

So nao consegui colocar o fundo nele transparente... será ki da pra me da um help?

desde ja agradeco

#6 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 05/11/2004, 05:47

. . . que bom que conseguiu ;)

O fundo desse codigo ae, esta preto certo? olhe onde vc define a cor

background-color: #000000; layer-background-color: #000000;
#000000 quer dizer que é o preto... entao é so vc retirar essa parte para deixar a div sem nenhuma cor de fundo... assim ela vai ficar transparente... tente ae!!
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 30/06/2008, 17:05

bom, antes ressucitar um tópico do que criar outro sem necessidade, não é?

bom, vamos lá...

implantei o código do nosso amigo na minha página, e não funcionou, o fechar não funciona, nem o tempo programado... engraçado é que se isolar o código em uma página vazia, ele funfa, o que pode ser?

(Não funfa em firefox3 apenas)

------edit

eu estava lendo sobre a incompatibilidade do document.all do firefox3, e recomendando colocar document.getElementById... como posso aplicá-lo a isso?

<script language="JavaScript">
	setTimeout("document.all.layer_destaque.style.display='none'", 10000)
</script>
<!-- Floater -->
<div id="layer_destaque" style="position:absolute; left:128px; top:109px; width:300px; height:300px; z-index:5;">
 <div align="right">
   <a href="#" onClick="document.all.layer_destaque.style.display='none'"><img src="images/fechar.png" alt="Clique para fechar" border="0" /></a>
   <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','300','height','300','src','flash/floater','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','flash/floater' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="300">
	 <param name="movie" value="flash/floater.swf" />
	 <param name="quality" value="high" />
	 <param name="wmode" value="transparent" />
	 <embed src="flash/floater.swf" width="300" height="300" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
   </object>
</noscript>
 </div>
</div>
<!-- Floater -->

Edição feita por: maykel, 30/06/2008, 17:29.

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#8 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 30/06/2008, 18:55

E só trocar document.all.layer_destaque.style.display='none' por document.getElementById('layer_destaque').style.display='none'
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq