Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje13-08-2012, 20:57 (UTC)    
Título del mensaje: Click derecho personalizado

Demo:
http://buzzdungeon.es.tl/demo-clic.htm




HTML:
Identificate -> Editar diseño -> cualquier parte.
Código:
   <ul id="rightmenu">
      <li class="first"><a href="#">Opcion 1</a></li>
      <li><a href="#">Opcion 2</a></li>
      <li class="last"><a href="#">Opcion 3</a></li>
   </ul>

Css:
Identificate -> Editar diseño -> opciones avanzadas -> css sin style sheets.
Código:
   #rightmenu{
      display: none;
      position: absolute;
      z-index: 999;
      background: #dedede;
      border: 1px solid #ccc;
      box-shadow: 0 1px 2px #bbb;
      list-style: none;
      padding:5px 9px;
   }
   #rightmenu li{
      padding: 2px 0;
      border-bottom: 1px solid #f0f0f0;
      border-top: 1px solid #ccc;
   }
   #rightmenu li.first{
      border-top: none;
   }
   #rightmenu li.last{
      border-bottom:none;
   }
   #rightmenu li a{
      text-shadow:0 0 1px white;
      color:#333;
      text-decoration: none;
   }
   #rightmenu li a:hover{
      color:#888;
   }


Javascript (jQuery):
Identificate -> Editar diseño -> opciones avanzadas -> Texto por encima de la pagina.

*si ya tiene jquery en sus sitios, eliminen la primer linea*
Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
      $(document).bind("contextmenu",function(e){
         if($("#rightmenu").is(":visible")){
            $("#rightmenu").hide().slideToggle("fast").css({
               left:e.pageX,
               top:e.pageY
            });
         }else{
            $("#rightmenu").slideToggle("fast").css({
               left:e.pageX,
               top:e.pageY
            });
         }
         return false;
      }).click(function(){
         $("#rightmenu").slideToggle("fast");
      });
   });</script>


Creado 100% por mi

------
¿El codigo no funciona? Por favor de aviso a algun moderador haciendo click aqui
______________
/* Programador web freelance. */
/* Skype: j.f.delarosa */


Ultima edición por buzzdungeon el Mie Nov 21, 2012 4:58 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group