Templates By Marina

Título da Pop-up	X
Coloque aqui o texto ou mensagem que quiser! Você pode movimentá-la para qualquer lugar, basta utilizar o mouse ^_^ Para fechar basta clicar sobre o "X".

Pop-up Diferente

Essa pop-up pode ser usada para deixar avisos ou para fazer publicidade no seu blog.

Para usá-la é muito fácil.

1- Copie e cole o código abaixo entre <head> e </head> no html do seu blog ou site.

// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this header

isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;

function dd(e){
  if (!ddEnabled) return;
  whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
  whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  return false;  
}

function hideMe(){
  if (isIE||isNN) whichDog.style.visibility="hidden";
  else if (isN4) document.theLayer.visibility="hide";
}

function showMe(){
  if (isIE||isNN) whichDog.style.visibility="visible";
  else if (isN4) document.theLayer.visibility="show";
}

document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");

</script>

2- Copie e cole esse outro código dentro da tag <body> no html do seu blog ou site.

<div id="theLayer" style="position:absolute;width:250;left:31;top:26;visibility:visible">
<table border="0" width="250" style="border:1pt solid black" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
  <table border="0" style="background:#FFCEE7" width="100%" cellspacing="0" cellpadding="0" height="36">
  <tr>
  <td id="titleBar" style="cursor:move;padding:2pt;border-bottom:1pt solid black" width="100%">
  <ilayer width="100%" onSelectStart="return false">
  <layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false">
  
  Título da Pop-up
  </layer>
  </ilayer>
  </td>
  <td style="cursor:hand;padding:2pt;border-bottom:1pt solid black" valign="top">
  <p align="right">
  <a href="#" onClick="hideMe();return false">X</a>
  </td>
  </tr>
  <tr>
  <td width="100%" class="td" style="padding:2pt;background:white" colspan="2">
  
<div id="menustuff">
Coloque aqui o texto ou mensagem que quiser!
</div>
  </td>
  </tr>
  </table> 
</td>
</tr>
</table></div>

3- Você pode modificar as cores da pop-up. é só procurar no código por:

"border:1pt solid black and border-bottom:1pt solid black e style="background:#FFCEE7""

* Tutorial produzido por mim. Cópia total ou parcial altamente proibida.