Ir para conteúdo

Arquivado

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

Spawn Again

Imagem pop-up?

Recommended Posts

Olá pessoal, :) Como eu faço aquele esquema de quando a pagina for aberta, aparecer uma imagem no canto inferior direito da pagina com opção de fechar? :) tipo aquela que abre quando você entra no www.superasp.com.br !Agradeço desde já,Abraços a todos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Yae cara.. beleza??

 

olha o codigo aeeee.. da uma olhadinha :) :)

<script language="JavaScript"> <!-- function MM_findObj(n, d) { //v4.0   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);   if(!x && document.getElementById) x=document.getElementById(n); return x; } function MM_validateForm() { //v4.0   var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;   for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);     if (val) { nm=val.name; if ((val=val.value)!="") {       if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');         if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';       } else if (test!='R') {         if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';         if (test.indexOf('inRange') != -1) { p=test.indexOf(':');           min=test.substring(8,p); max=test.substring(p+1);           if (val<min || max<val) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';     } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }   } if (errors) alert('The following error(s) occurred:\n'+errors);   document.MM_returnValue = (errors == ''); } function MM_showHideLayers() { //v3.0   var i,p,v,obj,args=MM_showHideLayers.arguments;   for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];     if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }     obj.visibility=v; } } //--> </script> <div id="ultimas" style="position: absolute; width: 273px; height: 218px; z-index: 6; left: 130px; top: 135px; background-image: url('AQUI VOCE COLOCA A IMAGEM DO FUNDO CINZA'); layer-background-image: url(http://www.paps2.hpg.ig.com.br/images/cinza.gif); visibility: visible; border: 1px none #000000"> <table width="221" border="0" cellspacing="28" cellpadding="0"> <tr> <td bgcolor="#666666" width="383"> <table width="278" border="0" cellspacing="1" cellpadding="0"> <tr> <td bgcolor="#000080" width="248"> <p align="center"> <font face="Verdana" color="#FFFFCC" size="2"><b>UM TITULO AQUI</b></font> </p> </td> <td bgcolor="#000080" width="20"> <div align="right"> <p align="center"><input type="image" border="0" name="imageField" src="IMAGEM DE FECHAR.gif" width="17" height="14" align="right" onClick="MM_showHideLayers('ultimas','','hide')" alt="Clique Aqui Para Fechar"> </div> </td> </tr> <tr bgcolor="#cccccc"> <td colspan="2" width="271"> <table width="100%" border="0" cellspacing="4" cellpadding="0"> <tr> <td class="textoPequeno"> <p align="center"><b><font size="2" face="Tahoma"> COLOQUE AQUI O SEU CONTEUDO.O CONTEUDO DA JANELINHA<br> <br> <input type="image" border="0" name="imageField" src="AQUI UM OUTRO BOTAO DE FECHAR.gif" width="52" height="15" onClick="MM_showHideLayers('ultimas','','hide')" alt="Clique Aqui Para Fechar"> </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div>
procura ae no codigo essa linha oh

<div id="ultimas" style="position: absolute; width: 273px; height: 218px; z-index: 6; left: 130px; top: 135px; background-image: url('AQUI VOCE COLOCA A IMAGEM DO FUNDO CINZA); layer-background-image: url(http://www.paps2.hpg.ig.com.br/images/cinza.gif); visibility: visible; border: 1px none #000000">
essa linha eh onde você pode mudar a posicao onde a janelinha vai abrir.. e onde ta AQUI VOCE COLOCA A IMAGEM DO FUNDO CINZA.. eh o fundo do quadro se você kiser pode pegar o do site que você mostrou..

 

é so clicar AQUI!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Nossa, quando eu cheguei em casa eu fiz e ficou muito bom, eu fiquei com uma duvida:Eu tentei e tentei ontem a noite colocar um link nessa imagem flutuante e naum consegui, como que eu faço pra quando a pessoa clicar no flutuante a mesma se feche e vá para um outro endereço?Obrigado,Agradeço desde já,Douglas

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.