Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 8 de 8

Tema: Como crear botón "desplegable" o "deslizable"

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    10 oct, 11
    Mensajes
    189
    Poder de Reputación
    9

    Arrow Como crear botón "desplegable" o "deslizable"

    Como siempre, vuelvo a agradecer por toda su ayuda y vuelvo con una nueva duda sobre botones. (Si, tengo una página de botones (?)

    Ahora la siguiente:

    ¿Cómo puedo crear un botón al cual cuando le pase por encima se expanda a otra cosa?

    Es decir, tenemos un botón como este:



    Y cuando le pasamos por encima, el botón desaparece (o no, como ustedes lo sepan) y aparece lo siguiente deslizándose:



    Es decir, el botón (el cual está a la derecha de la página) supongamos que "nos sigue" cuando bajamos o subimos por la web con nuestro navegador, y cuando nos posamos sobre el, se expande hacia la izquierda y se ve eso (la verdad no tengo ni idea de que es eso xd!)

    Se entiende? Espero que me puedan ayudar, se que es complicado.
    Desde ya muchas gracias!
    Saludos!!

  2. #2
    Me va gustando esto... Habitante Avatar de SuperHipo
    Fecha de Ingreso
    21 sep, 11
    Ubicación
    Sevilla
    Mensajes
    143
    Poder de Reputación
    10
    No me queda clara la pregunta. ¿Lo que quieres es una especie de rollover para que cuando pases el ratón por encima del botón "info" aparezca la imagen con las instrucciones?

    Si es eso lo que quieres dímelo y te preparo una muestra con HTML, CSS y Photoshop, ¿ok? Si no es que no he entendido la pregunta...

    Un saludo!!

  3. #3
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    17
    Mira este enlace, creo que te servirá: http://www.forosdelweb.com/f4/onmous...imagen-213225/

  4. #4
    Me va gustando esto... Habitante
    Fecha de Ingreso
    10 oct, 11
    Mensajes
    189
    Poder de Reputación
    9
    Mmm... Me sirve de mucho! Ahora solo quiero probar unas cosas y seguro lo logro! Muchas gracias doodleo!

  5. #5
    Me va gustando esto... Habitante Avatar de SurKaiser
    Fecha de Ingreso
    15 oct, 11
    Mensajes
    256
    Poder de Reputación
    10
    Hola , despues de leer tu duda fui a cocinar una sencilla funcion que te permitira hacer eso que buscas!

    es simple haciendolo con javascript

    Aqui la funcion :

    cambiarimagen.html :

    Código HTML:
    <!--
    *  SurKaiser 
    *   Funcion Cambiar Imagen Javascript *
    *   Hecha para : http://www.comocreartuweb.com
    -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento sin t&iacute;tulo</title>
    <script type="text/javascript" language="javascript">
      function cambiaImagen(img)
      {
          
    	  img.src = "nuevaimagen"
    	  
    		}
    		function regresaImagen(img)
    		{
    		   img.src= "viejaimagen";
    		   }
    		   
    	</script>
    
    		 
    </head>
    
    <body>
    <img src="tuimagen" onmouseover="cambiaImagen(this)" onmouseout="regresaImagen(this)" />
    </body>
    </html>
    Aqui solamente debes sustituir "tuimagen" por la imagen que va a cargar normalmente , "nuevaimagen" : por la imagen que aparecera al pasar el mouse sobre ella y "viejaimagen" por la direccion de la imagen que pusiste al principio

    Saludos y espero que te funcione.
    Mi web en construccion :
    surkaiser . com . es
    "El conocimiento es Poder"

  6. #6
    Me va gustando esto... Habitante Avatar de SuperHipo
    Fecha de Ingreso
    21 sep, 11
    Ubicación
    Sevilla
    Mensajes
    143
    Poder de Reputación
    10
    Muy buena "receta" SurKaiser. Me ha encantado.

    Ahí llevas tus puntitos.

    Gracias por este aporte. Un saludo!!

  7. #7
    Me va gustando esto... Habitante Avatar de SurKaiser
    Fecha de Ingreso
    15 oct, 11
    Mensajes
    256
    Poder de Reputación
    10
    Cita Iniciado por SuperHipo Ver Mensaje
    Muy buena "receta" SurKaiser. Me ha encantado.

    Ahí llevas tus puntitos.

    Gracias por este aporte. Un saludo!!
    Gracias xD
    Mi web en construccion :
    surkaiser . com . es
    "El conocimiento es Poder"

  8. #8
    Me va gustando esto... Habitante
    Fecha de Ingreso
    10 oct, 11
    Mensajes
    189
    Poder de Reputación
    9
    Buenísimo, muchas gracias a todos!

Temas Similares

  1. Como crear un botón "ver más"?
    Por _St en el foro Foro General
    Respuestas: 4
    Último Mensaje: 22/10/2011, 17:50
  2. Como crear un botón que "te sigue"
    Por _St en el foro Foro General
    Respuestas: 2
    Último Mensaje: 16/10/2011, 23:11
  3. como agrego botones de "siguiente" y "atras"
    Por nekomander en el foro Foro General
    Respuestas: 2
    Último Mensaje: 12/08/2011, 00:44
  4. Cómo pongo un "enlace" de "Me Gusta" que
    Por Renato en el foro Foro General
    Respuestas: 1
    Último Mensaje: 09/09/2010, 03:48
  5. Botones "anterior" y "siguiente" ¿cómo?
    Por Ana Pascoe en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 14
    Último Mensaje: 04/11/2008, 23:36

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •