Desactivar boton derecho del mouse (raton) mostrando una imagen

Bueno chic@s hoy les traigo un nuevo tuto ^^ y es la de desactivar el boton derecho pero con una imagen =D En algunos blogs se muestra este mismo truko pero mostrando un texto y es algo aburrido x_X con este truco se varia un poco pues se añade una imagen y se puede personalizar el cuadro de aviso, se vera muy lindo ya lo veran n.n!!

para ver como funciona entra a mi blog de pruebas dando clic AQUI !!

sigue los siguientes pasitos para ponerlo en tu blog:

Entra a tu blog ve a:

Diseño >> Edicion htlm y busca:

</head>

Pega justo arriba de </head> el siguiente codigo

<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 fondo */
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>

Para personalizar solo cambia los valores que indica lo de color azul (es opcional)

Despues busca </body> y pega este otro codigo justo arriba de el

<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 lo morado puedes cambiar esa imagen que esta por otra de tu preferencia.


en lo rosita puedes ponerle otro mensaje diferente.!!

fuente: loseasi.blogspot.com