lunes, 18 de julio de 2011

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.!!



17 comentarios:

  1. Muy bueno, me encanto! ^-^

    ResponderEliminar
  2. =D!! waaaaaaaaa pense q a nadie le gustaba este tuto :( arigato me complace ver q te gusto ^^!!

    ResponderEliminar
  3. Gracia por el tuto ahora mismo lo pruebo

    ResponderEliminar
  4. Oh! *Ç* Muy bueno! Ahora mismo lo pondre en practica ;3

    ResponderEliminar
  5. Hola me encataria hacer esto qe tu hicistes pero no entiendo como, soy novata todavia, te paso mi facebook maiten lopez asi me esplicas mejor si puedes!, gracias! .

    ResponderEliminar
  6. Hola tengo dudas sobre esto. Me puedes explicar mejor? porfavor, soy novata te paso mi facebook maiten lopez gracias!!

    ResponderEliminar
  7. muchas graacias me ha servido mucho tu tutorial :D.. besos y suerte

    ResponderEliminar
  8. maiten en que parte tienes problemas?

    ResponderEliminar
  9. Muy bueno , funciona 100% ya lo comprobe sirve para las fotos .
    Saludos.

    ResponderEliminar
  10. hola luis:

    siip esta muy padre ademas que lo puedes personalizar a tu gusto cambiando el fondo, la imagen y los bordes xD

    ResponderEliminar
  11. hola perdona que te moleste pero tengo un problema :'( yo no encuentro la opción Edicion htlm en diseño! tengo el interfaz actualizado tambien se puede en esta?? :D

    ResponderEliminar
    Respuestas
    1. claro rosee si se puede.. aunque estes en la nueva interfaz el html de tu blog es el mismo que el del antiguo interfaz ^^

      Eliminar
  12. Respuestas
    1. hola nena te iba a contestar pero veo que si pudiste encontrar el codigo .. sorry por la demora o.o

      Eliminar
  13. ¡Hola! Tengo una duda, ¿como podría poner para que no puedan hacer click derecho pero sin que salga ninguna imagen que avise? Es que con la imagen no me gusta...

    ResponderEliminar
    Respuestas
    1. mmm okii pero primero quiero aclarar que tu puedes cambiar el color del fondo, borde e imagen a tu gusto perooo si no quieres que aparezca ningun mensaje ni nada asi algo sencillo no te preocupes solo busca

      <body>

      y pega el siguiente codigo justo despues del anterior

      <script language="Javascript">
      document.oncontextmenu = function(){return false}
      </script>

      y listo no te saldra mensage ni nada :D saludos y que tengas bonito dia nena ^^

      Eliminar

Nota: solo los miembros de este blog pueden publicar comentarios.