Hermano.... mira esto esta hecho en JavaScript
http://www.geocities.com/stmaweb/principal2.html
hay ve el codigo de fuente sale todo es un JavaScript como te dije ....
en todo caso el codigo te lo doy ... va todo en body .. es muy grande pero = take it!
<style>
<!--
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
var menuskin = "skin1"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
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)
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;
}
}
// End -->
</script>
Ese es el JavaScript... ahora en estas etiquetas div pon los links a las partes que deseas y lineas (<hr>) donde tu deses ... cualquier cosa mandame un mail a
[email protected]
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<!-- completa aqui -->
<div class="menuitems" url="javascript
:history.back();">Volver</div>
<div class="menuitems" url="http://www.stma.cjb.net" target="_blank">Inicio</div>
<hr>
<div class="menuitems" url="principal2.html" target="centro">Novedades</div>
<div class="menuitems" url="foro2.html" target="centro">Foro</div>
<div class="menuitems" url="fotos2.html" target="centro">Fotos</div>
<div class="menuitems" url="contrasena2.html" target="centro">Alumnos</div>
<div class="menuitems" url="eventos2.html" target="centro">Eventos</div>
<div class="menuitems" url="noticias2.html" target="centro">Noticias</div>
<div class="menuitems" url="calendario2.html" target="centro">Calendario</div>
<div class="menuitems" url="download2.html" target="centro">Downloads</div>
<div class="menuitems" url="mailto:
[email protected]">Contacto</div>
<hr>
<div class="menuitems" url="http://www.colegiostrinitarios.cl" target="_blank">Página web de nuestro colegio</div>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
atencion ofresco atencion personalizada gratis a cualquier persona ... agregenme a su msn ..
[email protected]