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

Tema: Enlaces con fondos que cambien

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    16 ene, 11
    Mensajes
    18
    Poder de Reputación
    15

    Smile Enlaces con fondos que cambien

    Hola a todos, mi problema es el siguiente, tengo en mi web un menu lateral con 5 enlaces a los cuales quiero ponerles como fondo 3 botones que hice en el photoshop: Uno para cuando el enlace esta normal, otro para cuando pasemos el cursor por encima de este y el ultimo para cuando el enlace este activo (este debe quedar asi haste que no se haga click en otro enlace).
    uso html con css
    Gracias de antemano

  2. #2
    Administrador CCTW Webmaster de CCTWHabitante Avatar de Jorgens_CCTW
    Fecha de Ingreso
    30 ene, 11
    Ubicación
    Cartagena, Murcia, España.
    Mensajes
    1,184
    Poder de Reputación
    10
    Hola zz, eso se habla en varias partes de CCTW, te dejo el enlace a alguna de esas páginas.

    http://www.comocreartuweb.com/curso-...jemplo-ii.html

    Ahí no dice cómo hacerlo con imágenes, pero es suficiente con añadir una imagen de fondo para cada uno de los estados, es decir, añadir un

    background-image:url('imagen.gif');
    o lo que sea dentro del estilo de cada estado.

    Si te lias nos avisas!

  3. #3
    Esto empieza a ser un vicio... Habitante Avatar de Rabs
    Fecha de Ingreso
    16 jun, 11
    Ubicación
    Madrid
    Mensajes
    780
    Poder de Reputación
    17
    Te dejo que codigo que quieres para css y luego lo modificas segun tus necesidades :).
    Antes de nada, tienes que saber, que a no ser que te quepa todo el texto en uno solo de los botones, tendras que cortar cda boton un poco por su izquierda para que pueda agrandarse, emepqueñezerse segun le parezca. Asi que si es asi, te recomeniendo: http://lawebdedany.atwebpages.com/ja...menu-java.html (Que mira que casualidad, el creador de esta web también aprendió gracias a Jorgens)
    Suponiendo que el menu estubiese en un div llamado #menu-lateral, la cosa sería mas o menos asi:
    #menu-lateral {/* Lo que tu le hallas puesto */}
    #menu-lateral a {background-image: url{/*URL de donde esta el boton de fondo normal*/} /*Y el resto de CSS de links aqui*/}
    #menu-lateral a:hover {background-image: url{/*URL de donde esta el boton de fondo normal*/} /*Y el resto de CSS de links aqui*/}
    #menu-lateral a:active {background-image: url{/*URL de donde esta el boton de fondo normal*/} /*Y el resto de CSS de links aqui*/}
    /*Jorgens dice que hay que poner tambien a:link para que funcionen correctamente, pero yo no lo creo :S */
    Y eso sería lo mas elemental. :) Espero haberte ayudado :P
    Mericherno.es - Web del servidor DayZ hecha con la inestimable ayuda de johnetrep :)
    http://www.fernandosalcedo.com

  4. #4
    Recien Llegado! Habitante
    Fecha de Ingreso
    16 ene, 11
    Mensajes
    18
    Poder de Reputación
    15
    Gracias por la ayuda. Me sirvio

  5. #5
    Administrador CCTW Webmaster de CCTWHabitante Avatar de Jorgens_CCTW
    Fecha de Ingreso
    30 ene, 11
    Ubicación
    Cartagena, Murcia, España.
    Mensajes
    1,184
    Poder de Reputación
    10
    Hey, nos empezamos a hacer famosos? je je je. Nos alegramos de que te sirviera. No dejes de comentarnos cómo te va!

Temas Similares

  1. ¿Como hacer que las imágenes cambien?
    Por Geko en el foro Foro General
    Respuestas: 6
    Último Mensaje: 24/06/2008, 11:49
  2. paginas cambien con respecto a la plantilla
    Por javiergomez en el foro Foro General
    Respuestas: 1
    Último Mensaje: 09/04/2008, 13:45
  3. dos problemas con: fondos y enlaces
    Por Mikel L en el foro Foro General
    Respuestas: 3
    Último Mensaje: 24/09/2007, 13:20

Etiquetas para este Tema

Permisos de Publicación

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