Codes Sobre El Menu

Menu en boton derecho: 
<STYLE> <!-- .skin0{ position:absolute; width:175px; border:2px solid white; background-color:#C0C0C0; font-family:Verdana; font-size: 10px; line-height:15px; cursor:default; visibility:hidden; } .menuitems{ padding-left:10px; padding-right:10px; } --> </style> <script language="JavaScript1.2"> var menuskin=0 var display_url=0 function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility="visible" return false } function hidemenuie5(){ ie5menu.style.visibility="hidden" } function highlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="highlight" event.srcElement.style.color="white" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="" event.srcElement.style.color="black" window.status='' } } function jumptoie5(){ if (event.srcElement.className=="menuitems"){ if (event.srcElement.getAttribute("target")!=null) window.open(event.srcElement.url,event.srcElement.getAttribute("target")) else window.location=event.srcElement.url } } </script> <!--[if IE]> <div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()"> <div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div> <div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div> <div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div> <div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div> <hr> <div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div> <div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div> <hr> <div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div> <div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div> <div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre (nota: en los nombres siempre dejar un espacio)</div> </div> <![endif]--> <script language="JavaScript1.2"> if (document.all&&window.print){ if (menuskin==0) ie5menu.className="skin0" else ie5menu.className="skin1" document.oncontextmenu=showmenuie5 document.body.onclick=hidemenuie5 } </script>

Menu desplegable 1:
<FORM> <INPUT TYPE=button VALUE="Abre pagina" onClick_fckprotectedatt=" onClick="top.location.href='http://www.codesweb.es.tl'""> </FORM>

Menu desplegable 2:
<form> <SELECT NAME="urldestino"> <option selected>--- M E N U --- <option value="Tu pagina" >Nombre <option value="tu pagina">nombre <option value="tu paginal">nombre <option value="tu pagina">nombre <option value="tu pagina">nombre <option value="tu pagina">nombre </SELECT> <input type="button" value="IR" onClick="location=this.form.urldestino.value" name="button"> </form>

Marco explicativo:
<p> <script language="JavaScript"><!-- function escribe(frase){document.desplaza.cuadro.value=frase; } // --></script> </p> <table border="0"> <tr> <td width="200"><p align="center"><strong>OPCIONES</strong></p> <p><a href="http://www.codesweb.es.tl" _fcksavedurl="http://www.codesweb.es.tl" onmouseover="escribe(' HOMEn ----------------nn Ir a la web');">HOME</a><br> <a href="http://www.tupagina.com" _fcksavedurl="http://www.tupagina.com" onmouseover="escribe(' IR A tu paginan -----------nn Diviértete con tu pagina');">Tu pagina</a><br> <a href="http://www.codesweb.es.tl/encuesta.htm" _fcksavedurl="http://www.codesweb.es.tl/encuesta.htm" onmouseover="escribe(' encuestasn -------------- nn vota en las encuestas de Codes web');">Encuestas</a><br> </p> </td> <td><form name="desplaza"> <p><textarea name="cuadro" rows="8" cols="30" wrap="physical">

Menu desplegable con opcion:
<FORM> <INPUT TYPE=button VALUE="Pulsa para ir a" onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value"> <SELECT NAME="list"> <OPTION VALUE=http://www.codesweb.es.tl>Pagina Principal <OPTION VALUE="http://www.tupagina.com">Tupagina </SELECT> </FORM>

Menu que cambia de color:
<style type="text/css"> <!-- .menu {font-family:Verdana; font-size:7pt; font-weight:bold} --> </style> <script language="javascript"> <!-- function movein(which,html){ which.style.background='red' description.innerHTML=html } function moveout(which){ which.style.background='coral' description.innerHTML='&nbsp;' } --> </script> <table bgcolor="white" border="1" bordercolor="black" cellpadding="2" cellspacing="0"> <tr> <td class="menu" bordercolor="red" id="choice1" style="background-color:black; cursor:hand" onmouseover_fckprotectedatt=" onmouseover="movein(choice1,'La web de los trucos')"" onmouseout_fckprotectedatt=" onmouseout="moveout(choice1)"" onclick_fckprotectedatt=" onclick="location.href='http://www.codesweb.es.tl'""> Trucos</td></tr> <td class="menu" bordercolor="red" id="choice2" style="background-color:black; cursor:hand" onmouseover_fckprotectedatt=" onmouseover="movein(choice2,'Pagina de pruebas')"" onmouseout_fckprotectedatt=" onmouseout="moveout(choice2)"" onclick_fckprotectedatt=" onclick="location.href='http://www.pontupagina.com'""> Tupagina</td></tr> <td class="menu" bordercolor="red" id="choice3" style="background-color:black; cursor:hand" onmouseover_fckprotectedatt=" onmouseover="movein(choice3,'La web de Jagoper')"" onmouseout_fckprotectedatt=" onmouseout="moveout(choice3)"" onclick_fckprotectedatt=" onclick="location.href='http://www.tumundomu.ar.tc'"">TuMundoMu</td></tr> <td class="menu" bordercolor="red" id="choice4" style="background-color:black; cursor:hand" onmouseover_fckprotectedatt=" onmouseover="movein(choice4,'Disney')"" onmouseout_fckprotectedatt=" onmouseout="moveout(choice4)"" onclick_fckprotectedatt=" onclick="location.href='http://www.habbo.es'"">habbo</td></tr> <tr> <td bordercolor="green" bgcolor="green" height="18"><font id="description" face="Verdana" size="1"></font></td></tr> </table>

Menu de chequeo: 
<!--submitted in damaged condition and corrected - author unknown--> <form name="rolloverbox"> <div align="left"><p><input type="checkbox" name="boxes" value="ON"><a href="http://www.codesweb.es.tl" _fcksavedurl="http://www.codesweb.es.tl" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(0)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(0)"">Codes web</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://tupagina.com." _fcksavedurl="http://tupagina.com." onMouseover_fckprotectedatt=" onMouseover="rollovercheck(1)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(1)"">el titulo</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://www.tumundomu.ar.tc" _fcksavedurl="http://www.tumundomu.ar.tc" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(2)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(2)"">TuMundomu</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://todoroms.net" _fcksavedurl="http://todoroms.net" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(3)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(3)"">Todo roms</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://tupagina.com" _fcksavedurl="http://tupagina.com" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(4)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(4)"">tu pagina</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://la pagina que kieras" _fcksavedurl="http://la pagina que kieras" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(5)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(5)"">el titulo que quieras</a></p> </div> </form> <script> var thebox=document.rolloverbox function rollovercheck(whichbox){ thebox.boxes[whichbox].checked=true } function rolloutcheck(whichbox){ thebox.boxes[whichbox].checked=false } </script><!-- -->


Menú oculto deslizable desde la izquierda: 
<!-- Colocar dentro de la etiqueta <HEAD> --> <style> <!-- #slidemenubar, #slidemenubar2{ position:absolute; left:-155px; width:160px; top:170px; border:1.5px solid green; background-color:lightyellow; layer-background-color:lightyellow; font:bold 12px Verdana; line-height:20px; } --> </style> <!-- Colocar dentro de la etiqueta <BOBY> --> <script language="JavaScript1.2"> /* Sliding Menu Bar Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all) document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">') </script> <layer id="slidemenubar" onMouseover_fckprotectedatt=" onMouseover="pull()"" onMouseout_fckprotectedatt=" onMouseout="draw()""> <script language="JavaScript1.2"> var sitems=new Array() var sitemlinks=new Array() //extend or shorten this list sitems[0]="Codes web" sitems[1]="Titulo de tu pagina" sitems[2]="Titulo de tu pagina" sitems[3]="Titulo de tu pagina" sitems[4]="Titulo de tu pagina" sitems[5]="Titulo de tu pagina" sitems[6]="Titulo de tu pagina" //These are the links pertaining to the above text. sitemlinks[0]="http://www.codesweb.es.tl" sitemlinks[1]="aca tu pagina" sitemlinks[2]="aca tu pagina" sitemlinks[3]="aca tu pagina" sitemlinks[4]="aca tu pagina" sitemlinks[5]="aca tu pagina" sitemlinks[6]="aca tu pagina" for (i=0;i<=sitems.length-1;i++) document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>') </script> </layer> <script language="JavaScript1.2"> function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } window.onload=regenerate2 if (document.all){ document.write('</div>') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 } else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 } function pull(){ if (window.drawit) clearInterval(drawit) pullit=setInterval("pullengine()",50) } function draw(){ clearInterval(pullit) drawit=setInterval("drawengine()",50) } function pullengine(){ if (document.all&&themenu.pixelLeft<rightboundary) themenu.pixelLeft+=5 else if(document.layers&&themenu.left<rightboundary) themenu.left+=5 else if (window.pullit) clearInterval(pullit) } function drawengine(){ if (document.all&&themenu.pixelLeft>leftboundary) themenu.pixelLeft-=5 else if(document.layers&&themenu.left>leftboundary) themenu.left-=5 else if (window.drawit) clearInterval(drawit) } </script>