TEXTO DESCRIPTIVO DEBAJO DEL MISMO
Dos pasos para instalar el script: 1-Pon este código dentro del Head <HEAD> <!-- JavaScript en http://www.oocities.org/es/josmegaweb --> <style> <!-- Begin .BorderOn { width:90px; margin-left:10px; border:1px solid #456789 } .BorderOff { width:90px; margin-left:0px; border:1px solid #444444 } A.mBlue:link {color:#00CCFF; text-decoration:none;} A.mBlue:visited {color:#00CCFF; text-decoration:none;} A.mBlue:active {color:#00CCFF; text-decoration:none;} A.mBlue:hover {color:#FF0000; text-decoration:underline;} A.mGreen:link {color:#00FF80; text-decoration:none;} A.mGreen:visited {color:#00FF80; text-decoration:none;} A.mGreen:active {color:#00FF80; text-decoration:none;} A.mGreen:hover {color:#FF0000; text-decoration:underline;} A.mYellow:link {color:#FFFF00; text-decoration:none;} A.mYellow:visited {color:#FFFF00; text-decoration:none;} A.mYellow:active {color:#FFFF00; text-decoration:none;} A.mYellow:hover {color:#FF0000; text-decoration:underline;} //--> </style> <script language="JavaScript1.2"> <!-- Begin offMessage = "Add this menu to your site!" function boxOn(which,message) { if (document.all||document.getElementById) { which.className = 'BorderOn'; if (document.getElementById) { document.getElementById("Message").innerHTML = message } else { Message.innerHTML = message; } } } function boxOff(which) { if (document.all||document.getElementById) { which.className = 'BorderOff'; if (document.getElementById) { document.getElementById("Message").innerHTML = offMessage } else { Message.innerHTML = offMessage; } } } // End --> </script> </HEAD> 2-Paso poner este otro código dentro del Body <body> <table border="0" cellpadding="0" cellspacing="0" width="92"> <td width="1" align="center"> <!-- Outer Container Table //--> <table cellpadding="0" cellspacing="0" width="92"> <tr> <td align="center" width="92"><!-- Header Table // --> <table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff"> <tr> <td><font color="#FEDCBA" size="2" face="Arial">Menu</font></td> </tr> </table> <!-- End Header Table //--> <!-- Menu Items Tables - To add more, just follow the pattern - Note class= in each <a href> to attach link style colors //--> <!-- Menu Item One Table //--> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Pon aquí lo que quieras')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.tuweb.com" target="_blank">Opción 1</a></font></td> </tr> </table> <!-- Menu Item Two Table //--> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Descripción 2')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.tusitio.com" target="_blank">Opción 2</a></font></td> </tr> </table> <!-- Menu Item Three Table //--> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Descripción 3')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="http://www.tusitio.com" target="_blank">Opción 3</a></font></td> </tr> </table> <!-- Menu Item Four Table //--> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Descripción 4')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://www.tusitio.com" target="_blank">Opción 4</a></font></td> </tr> </table> <!-- End Menu Items Tables //--> <!-- Message Table //--> <!-- Set the width= of this table the same as the overall width in the <style> //--> <table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90"> <tr> <td><!-- Set the width= of this table to the overall width in the style table minus 2x the border width; set the height= long (large) enough to accommodate your longest message //--> <table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100"> <tr> <td align="left" valign="top"><font id="Message" color="#CBA987" size="2" face="Arial">Move your mouse over the menu items.</font></td> </tr> </table> </td> </tr> </table> <!-- End Message Table //--> </td> </tr> </table> <!-- End Outer Container Table //--> <!-- END OF MENU //--> </td> </table>
MENU
