pageon-códigos

DICAS PAGEON - USE E ABUSE.

Incremente seu site usando nossas dicas. É só cortar (ctrl+c) e colar (ctrl+v) o código mostrado abaixo, no local da sua página, onde você deseja que o objeto escolhido apareça.

Link que sobe e desce, conforme o comando clicado.

Exemplo na coluna esquerda da "Pageon.net". Parâmetros como cores, fundo, fontes e bordas podem ser mudados ao seu gosto.

<table width="158" cellspacing="2" border="1" bordercolorlight="#ffffff"> <tr> <td width="43" align="center" valign="bottom" bgcolor="#FFe3b7"> <a href="Javascript:scrolldown()"><font face="Verdana" size="1"> <span style="background-color: #FCE3B7">SOBE</span></font></a><span style="background-color: #FCE3B7"> </span> </td> <td width="56" align="center" valign="bottom" bgcolor="#FFE3B7"> <a href="Javascript:scrollup()"><font face="Verdana" size="1">DESCE</font></a> </td> <td width="45" align="center" valign="bottom" bgcolor="#FFE3B7"> <a href="Javascript:stopall()"><font face="Verdana" size="1">PÁRA</font></a> </td> <td width="98" align="center" valign="bottom" bgcolor="#FFE3B7"> <a href="Javascript:shifttotop()"><font face="Verdana" size="1">TOPO</font></a> </td> </tr> </table> <br> <script language="JavaScript1.2"> // Author: Ron Grafe grafer@columbus.rr.com http://www.gdevresources.com/Pages/Scripts/Dynamicscroller/Dynamicscroller.htm // Permission granted to SimplytheBest.net to feature script in its // DHTML script collection at http://simplythebest.net/info/dhtml_scripts.html iens6=document.all||document.getElementById ns4=document.layers  var scrollspeed = 40  if (iens6){ document.write('<div id="container" style="position:relative;width:157;height:157px;overflow:hidden;border:3px ridge #fffofo">') document.write('<div id="content" style="position:absolute;width:157;left:0;top:0">') } </script> </center> <ilayer name="nscontainer" width=160 height=160 clip="0,0,160,160"> <layer name="nscontent" width=160 height=160>  <font type="times" size="2" style="color:red"> <table width="143"> <tr> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> </ilayer> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> <td width="127" bordercolor="#FF0000" bgcolor="#FCE3B7"> <p><ilayer name="nscontainer" width=200 height=160 clip="0,0,200,160"><font face="Verdana" size="1" type="times"><span style="background-color: #FCE3B7"> <a href="http://www.pageon.net/behappy" target=_blank onmouseover="stopall()" onmouseout="scrolldown()"><font color="#FF0000">: : Crocante Fotolog</font></a></span><font color="#FF0000"><span style="background-color: #FCE3B7"> </span></font> </font></ilayer></td> </ilayer> </tr> </table><table width="143"> <tr> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> </ilayer> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> <td width="127" bordercolor="#FF0000" bgcolor="#FCE3B7"> <p><ilayer name="nscontainer" width=200 height=160 clip="0,0,200,160"><font face="Verdana" size="1" type="times"><span style="background-color: #FCE3B7"> <a href="http://www.pageon.net/behappy" target=_blank onmouseover="stopall()" onmouseout="scrolldown()"><font color="#FF0000">: : Crocante Fotolog</font></a></span><font color="#FF0000"><span style="background-color: #FCE3B7"> </span></font> </font></ilayer></td> </ilayer> </tr> </table> <table width="143"> <tr> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> </ilayer> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> <td width="127" bordercolor="#FF0000" bgcolor="#FCE3B7"> <p><ilayer name="nscontainer" width=200 height=160 clip="0,0,200,160"><font face="Verdana" size="1" type="times"><span style="background-color: #FCE3B7"> <a href="http://www.pageon.net/behappy" target=_blank onmouseover="stopall()" onmouseout="scrolldown()"><font color="#FF0000">: : Crocante Fotolog</font></a></span><font color="#FF0000"><span style="background-color: #FCE3B7"> </span></font> </font></ilayer></td> </ilayer> </tr> </table> <table width="143"> <tr> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> </ilayer> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> <td width="127" bordercolor="#FF0000" bgcolor="#FCE3B7"> <p><ilayer name="nscontainer" width=200 height=160 clip="0,0,200,160"><font face="Verdana" size="1" type="times"><span style="background-color: #FCE3B7"> <a href="http://www.pageon.net/behappy" target=_blank onmouseover="stopall()" onmouseout="scrolldown()"><font color="#FF0000">:: Crocante Fotolog</font></a></span><font color="#FF0000"><span style="background-color: #FCE3B7"> </span></font> </font></ilayer></td> </ilayer> </tr> </table> <table width="143"> <tr> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> </ilayer> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> <td width="127" bordercolor="#FF0000" bgcolor="#FCE3B7"> <p><ilayer name="nscontainer" width=200 height=160 clip="0,0,200,160"><font face="Verdana" size="1" type="times"><span style="background-color: #FCE3B7"> <a href="http://www.pageon.net/behappy" target=_blank onmouseover="stopall()" onmouseout="scrolldown()"><font color="#FF0000">: : Crocante Fotolog</font></a></span><font color="#FF0000"><span style="background-color: #FCE3B7"> </span></font> </font></ilayer></td> </ilayer> </tr> </table> <table width="143"> <tr> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> </ilayer> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> <td width="127" bordercolor="#FF0000" bgcolor="#FCE3B7"> <p><ilayer name="nscontainer" width=200 height=160 clip="0,0,200,160"><font face="Verdana" size="1" type="times"><span style="background-color: #FCE3B7"> <a href="http://www.pageon.net/behappy" target=_blank onmouseover="stopall()" onmouseout="scrolldown()"><font color="#FF0000">: : Crocante Fotolog</font></a></span><font color="#FF0000"><span style="background-color: #FCE3B7"> </span></font> </font></ilayer></td> </ilayer> </tr> </table> <table width="143"> <tr> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> </ilayer> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> <td width="127" bordercolor="#FF0000" bgcolor="#FCE3B7"> <p><ilayer name="nscontainer" width=200 height=160 clip="0,0,200,160"><font face="Verdana" size="1" type="times"><span style="background-color: #FCE3B7"> <a href="http://www.pageon.net/behappy" target=_blank onmouseover="stopall()" onmouseout="scrolldown()"><font color="#FF0000">: : Crocante Fotolog</font></a></span><font color="#FF0000"><span style="background-color: #FCE3B7"> </span></font> </font></ilayer></td> </ilayer> </tr> </table> <table width="143"> <tr> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> </ilayer> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> <td width="127" bordercolor="#FF0000" bgcolor="#FCE3B7"> <p><ilayer name="nscontainer" width=200 height=160 clip="0,0,200,160"><font face="Verdana" size="1" type="times"><span style="background-color: #FCE3B7"> <a href="http://www.pageon.net/behappy" target=_blank onmouseover="stopall()" onmouseout="scrolldown()"><font color="#FF0000">: : Crocante Fotolog</font></a></span><font color="#FF0000"><span style="background-color: #FCE3B7"> </span></font> </font></ilayer></td> </ilayer> </tr> </table> <table width="143"> <tr> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> </ilayer> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> <td width="127" bordercolor="#FF0000" bgcolor="#FCE3B7"> <p><ilayer name="nscontainer" width=200 height=160 clip="0,0,200,160"><font face="Verdana" size="1" type="times"><a href="http://www.pageon.net/behappy" target=_blank onmouseover="stopall()" onmouseout="scrolldown()"><font color="#FF0000"><span style="background-color: #FCE3B7">:: Crocante Fotolog</span></font></a><font color="#FF0000"><span style="background-color: #FCE3B7"> </span></font> </font></ilayer></td> </ilayer> </tr> </table> <table width="143"> <tr> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160"> <td valign="top" width="6" bordercolor="#FF0000"> </ilayer> </tr> </table <table width="143"> </ilayer> </font> </left> <ilayer name="nscontainer" width="200" height="160" clip="0,0,200,160">  </layer></ilayer> <script language="JavaScript1.2"> // Author: Ron Grafe grafer@columbus.rr.com http://www.gdevresources.com/Pages/Scripts/Dynamicscroller/Dynamicscroller.htm // Permission granted to SimplytheBest.net to feature script in its // DHTML script collection at http://simplythebest.net/info/dhtml_scripts.html var step=1 if (iens6){ document.write('</div></div>') var contentobj=document.getElementById? document.getElementById("content") : document.all.content var contentheight=contentobj.offsetHeight if (document.getElementById&&!document.all){ step=5 } } else if(ns4){ var contentobj=document.nscontainer.document.nscontent var contentheight=contentobj.clip.height }  function scrolldown() { if(window.scrolltimerup){ clearTimeout(scrolltimerup) } if(iens6&&parseInt(contentobj.style.top)>=(contentheight*(-1)+100)){ contentobj.style.top=parseInt(contentobj.style.top)-step }else if(ns4&&contentobj.top>=(contentheight*(-1)+100)){ contentobj.top-=step } scrolltimerdown = setTimeout("scrolldown()",scrollspeed) }  function scrollup() { if(window.scrolltimerdown){ clearTimeout(scrolltimerdown) } if(iens6&&parseInt(contentobj.style.top)<=0){ contentobj.style.top=parseInt(contentobj.style.top)+step }else if(ns4&&contentobj.top<=0){ contentobj.top+=step } scrolltimerup = setTimeout("scrollup()",scrollspeed) }  function stopall() { if(window.scrolltimerup){ clearTimeout(scrolltimerup) } if(window.scrolltimerdown){ clearTimeout(scrolltimerdown) } }  function shifttotop(){ stopall() if (iens6) { contentobj.style.top=0 }else{ contentobj.top=0 } } function getcontent_height(){ if (iens6) contentheight=contentobj.offsetHeight } window.onload=getcontent_height </script>

Links em forma de janela de texto

Exemplo pode ser visto na coluna direita da "Pageon.net". Troque apenas o nomes e os endereços dos sites escolhidos. Também é possível mudar cores e tamanho da janelinha.

<form name="form1"> <font face="Verdana"> <select name="pageon" onChange="mudapagina(this);" style="background-color: #FCEDBF; color: #ff0000; font-size: 10 px" size="1"> <option value="#" >" FOTOBLOGS FAVORITOS "</option> <br> <option value="http://www.vidanojapao.weblogger.terra.com.br/" target="_blank">A Minha Vida no Japão</option></font> <br> <option value="http://www.atocadagata.blogger.com.br/" target="_blank">A Toca da Gata</option> <br> <option value="http://www.atonga.blogger.com.br/" target="_blank">A Tonga da Mironga</option> <br> <option value="http://www.mocabonita.blogger.com.br/" target="_blank">A Vida da Moça ao Lado</option></font> <br> <option value="http://www.avitrolinha.blogger.com.br/" target="_blank">A Vitrolinha</option> <br> <option value="http://www.fotolog.net/adri01" target="_blank">Adriana Fotolog</option> <br> <option value="http://www.dibruck.blogger.com.br/" target="_blank">Amores e Paixões</option> <br> <option value="http://www.eeepa.blogger.com.br/" target="_blank">Eeepa!</option> <br> <option value="http://www.elenasnotes.blogspot.com/" target="_blank">Elena's Notes</option> <br> <option value="http://www.aiishiteru.blogger.com.br" target="_blank">Eu adoro você</option> <br> <option value="http://www.viscerais.blogger.com.br/" target="_blank">Eu Comigo Mesma</option> <br> <option value="http://www.euvocecia.blogger.com.br/" target="_blank">Eu, você e Cia</option> <br> <option value="http://www.haeryn.blogger.com.br/" target="_blank">Haeryn by Haeryn</option> <br> <option value="http://www.viagempelaterramedia.weblogger.terra.com.br/" target="_blank">Viagem pela Terra...</option> <br> <option value="http://mblog.com/vivendoemlyon/" target="_blank">Vivendo em Lyon</option> <br> <option value="http://www.loebel.com.br" target="_blank">Web Rádio Loebel</option> </select> </font> </form> <p> <font face="Verdana"> <script language="javascript"> function mudapagina(combo) { var endereco = combo.value; if (endereco != "#") {novapagina = window.open(endereco,"NewPage"); } } </script>

Dúvidas?

síndico@pageon.net

RETORNAR