Título da Pop-up
X
Dumbledore's Army
novidades!
- blablabla - blablabla - blablabla
»»»»»»»»»»»»»»»»»»»»»
Pop up diferente
Ela apareçe assim que você entra em seu blog. Ótima para colocar atualizações do blog.
Exemplo
:
* Você viu o exemplo ao entrar na página.
Copie e cole o código abaixo entre
head
e
/head
no html do seu blog:
<!-- inicio -CÓDIGO ACHADO NO DUMBLEDORES ARMY --> <script language="JavaScript1.2"> // 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 ddInit(e){ topDog=isIE ? "BODY" : "HTML"; whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer"); hotDog=isIE ? event.srcElement : e.target; while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){ hotDog=isIE ? hotDog.parentElement : hotDog.parentNode; } if (hotDog.id=="titleBar"){ offsetx=isIE ? event.clientX : e.clientX; offsety=isIE ? event.clientY : e.clientY; nowX=parseInt(whichDog.style.left); nowY=parseInt(whichDog.style.top); ddEnabled=true; document.onmousemove=dd; } } 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 ddN4(whatDog){ if (!isN4) return; N4=eval(whatDog); N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP); N4.onmousedown=function(e){ N4.captureEvents(Event.MOUSEMOVE); N4x=e.x; N4y=e.y; } N4.onmousemove=function(e){ if (isHot){ N4.moveBy(e.x-N4x,e.y-N4y); return false; } } N4.onmouseup=function(){ N4.releaseEvents(Event.MOUSEMOVE); } } 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> <!-- fim -CÓDIGO ACHADO NO DUMBLEDORES ARMY -->
Copie e cole o código abaixo entre
body
no html do seu blog:
<!-- inicio -CÓDIGO ACHADO NO DUMBLEDORES ARMY --> <div id="theLayer" style="position:absolute;width:250;left:30;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:#CCCCCC" 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"> <!-- Coloque aqui o título //--> 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:black" colspan="2"> <!-- Coloque o texto aqui //--> <div id="menustuff"> Escreva aqui o que você quiser </div> </td> </tr> </table> </td> </tr> </table></div> <!-- fim -CÓDIGO ACHADO NO DUMBLEDORES ARMY -->
Você pode mudar a cor da sua Pop up, basta procurar:
background:#CCCCCC
background:black
e trocar pelas cores que você preferir!
Parte Integrada
<< Voltar
