¿Cómo se hace...?
Ir a Diseño, Edición de HTML y justo arriba de </head>
<script type="text/javascript">
// http://webvte.cat/
// Creado por Vte Roig.
function mostrarmenuder() {
with(document.getElementById("menuder")) {
style.display = "";
}
return false
}
function cerrarmenuder() {
document.getElementById("menuder")
.style.display = "none";
}
document.oncontextmenu=mostrarmenuder
</script>
/* Menu Clic boton derecho raton */
.menudervte {
position:fixed;
left:100px;
top:150px;
text-align:center;
text-decoration: none;
width:220px;
border:0px;
background-color:#fff;
font-family:Verdana;
cursor:pointer;
line-height: 24px;
z-index:999999999999999999;
}
.menulink {
font-size: 14px;
font-family:Arial, Verdana
height: 24px;
border-bottom:2px solid #000;
background-color:#333;
color:#fff;
}
.menulink:hover {
font-size: 14px;
font-family:Arial, Verdana
height: 24px;
border-bottom:2px solid #39F;
background-color:#555;
color:#39F;
}
.menulinkcerrar {
height: 25px;
border:0;
background-color:transparent;
}
left:100px: distancia desde la izquierda.
top:150px: distancia desde arriba.
text-align:center: texto centrado.
width:220px: ancho del menú.
Link:
background-color:#555: color del fondo.
color:#fff: color del texto.
Link hover:
background-color:#333: color del fondo.
color:#39F: color del texto.
Abajo de <body>
<div class='menudervte' id='menuder' style='display:none'>
<div class='menulinkcerrar' onclick='cerrarmenuder()'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnUdQZ0Z36j1Oq6By0lr6Ijdt63ijJrj15sx1ARwT4gY_o6mlGyAjX2r3kag5cRXyBIPD87UfZYuGYMC9A9w7XPXee507vW6DzKDN8u2tBIkieMRi5ky1CSOba_YDTbjhMjEwBl9ZepbU/s1600/cerrar.png' style='float: right;' title='Cerrar'/></div>
<div class='menulink' onClick='window.open("http://www.webvte.cat/2016/03/3d-panorama-viewer-by-three-js.html","_blank")'>Ejemplo </div>
<div class='menulink' onClick='window.open("Aqui la url de destino/","_blank")'> LINK 2 </div>
<div class='menulink' onClick='window.open("Aqui la url de destino/","_blank")'> LINK 3 </div>
<div class='menulink' onClick='window.open("Aqui la url de destino/","_blank")'> LINK 4 </div>
<div class='menulink' onClick='window.open("Aqui la url de destino/","_self")'> LINK 5 </div>
<div onClick='window.open("http://www.webvte.cat/2016/04/menu-clic-boton-derecho-raton_16.html","_self")' style='float:right;font-size:60%;color:ccc;margin-right:10px;line-height:14px'> Obtener el menú </div>
</div>
Agregar o quitar los link de la siguiente forma:
<div class='menulink' onClick='window.open("http://www.webvte.cat/","_blank")'> LINK Nº </div>
Donde:
_blank: abre el link en otra pestaña.
_self: abre el link en la misma pestaña.
LINK Nº: texto a mostrar.
Guardar plantilla.
