Delicious LinkedIn Facebook Twitter RSS Feed

Bloquear botón derecho del mouse mostrando imagen



Hace ya un tiempo Yely me pidio este código.

Lo que hace es mostrar una imagen con un texto centrada en la página al hacer click con el botón derecho del mouse, cerrandose al hacer click con el botón izquierdo del mouse.

Ir a Diseño, Edición de HTML y justo arriba de </head>

Poner el siguiente código:

<script type='text/javascript'>
// http://loseasi.blogspot.com/
// Creado por Vku para Yeli.
function mostraryeli() {
with(document.getElementById('yeli')) {
style.display = '';
}
return false
}

function cerraryeli() {
document.getElementById('yeli')
.style.display = 'none';
}
document.oncontextmenu=mostraryeli;
document.onclick=cerraryeli;
</script>
<style>
.yeli-vku{
position:fixed;
left:45%;                                      /* Posición desde la derecha */
top:190px;                                  /* Posición desde la arriba */
z-index:8888888;
background: #f9f;                 /* Color del fonto */
border:5px solid #f09;        /* Ancho y color del borde */
padding:0 10px;                    /* Separación del borde */
color:#f09;                              /* Color del texto */
text-align:center;                /* Texto centrado */
}
</style>

Y bien abajo de la plantilla arriba de </body>

Poner este otro código después de personalizar:

<div class='yeli-vku' id='yeli' style='display:none'>
<p align="center"><img src="http://img59.imageshack.us/img59/8990/74308955.gif" border="0" width="70" height="70"/></p>
<p>Por favor,<br/>no click derecho...</p>
</div>

En el primer código cambiar el estilo a su gusto: colores, etc...

En el segundo código cambiar la imagen y el texto que se mostrará.

Width es el ancho de la imagen, height es el alto.

<br/> hace un salto de línea en el texto.


Vista previa para ver que todo este bien y después guardar.

0 comments:

Post a Comment