Añadir botón estilo hover

• 

  alopezdelafuente · Miembro · agosto 30, 2010 at 4:18 pm

  • Copiar enlace
  • Añadir tema a favoritos

  Buenas tardes me gustaría añadir un botón de estilo hover, es decir, que al pasar el ratón por encima cambie de color.

  He estado buscando información con la búsqueda, por internet y nada, encuentro la forma de hacerlo pero solamente veo que se puede hacer con código css, de hecho hice la prueba en un localhost y funcionó.

  Pero querría añadir este botón en mi blog de wordpress.com por lo que les agradecería si me dijeran si es posible sin tener que comprar la mejora css.

  Gracias de antemano.

  El blog con el que necesito ayuda es (visible solo para usuarios conectados).

• 

  juliopalencia · Miembro · agosto 30, 2010 at 4:54 pm

  • Copiar enlace

  Si es posible con un simple codigo HTML pero lo malo es que tenes que usar dos imagenes.
  Estes es el codigo:
  <img src="URL de la imagen 1"; onmouseover="this.src="URL de la imagen 2" onmouseout="this.src=URL de la imagen 1" />

  Donde dice URL de la imagen 1 cambialo por URL de tu imagen
  y donde dice URL de la imagen 2 cambialo por URL de tu otra imagen
  me explique, si no abisame y te ayudo
  Saludos epero que te sirva

• 

  alopezdelafuente · Miembro · agosto 30, 2010 at 8:23 pm

  • Copiar enlace

  Hola Julio,

  Muchas gracias por la ayuda, he puesto el código que me facilitas en el editor HTML de una página y no me lo acepta ya que cuando doy a actualizar se queda de la siguiente manera: <img /> desapareciendo los comandos intermedios.

  Había probado ya un código muy similar al que me dices, solamente que empezaba así <img class=»mouseover» scr= […] /> siendo el resto prácticamente igual.

  Gracias

• 

  juliopalencia · Miembro · agosto 31, 2010 at 4:30 pm

  • Copiar enlace

  Hola,
  al parecer wordpress.com no permite este tipo de codigo, yo lo utilizo en pagina HTML, y si me funciona.
  Al parecer no te puedo ayudar.
  Disculpa =(

• 

  galois · Moderador · agosto 31, 2010 at 9:24 pm

  • Copiar enlace

  No estoy seguro del todo (y por eso no te contesté antes), pero creo de la única forma que podrás hacerlo es utilizando CSS.

• 

  alopezdelafuente · Miembro · agosto 31, 2010 at 9:55 pm

  • Copiar enlace

  Hola Julio, hola Galois disculpad el retraso en responder pero no pude antes.

  Gracias a los dos y en efecto, creo que solamente funciona usando el CSS, ya que como comenté al principio tengo una prueba de wordpress.org en localhost porque ando experimentando antes de decidirme a dar el salto (cosa que creo que tardaré) y allí incluyendo el CSS sí funciona, y además perfecto, el efecto hover.

  Por ahora dejo este efecto aparcado porque no quiero invertir más tiempo en ello.

  Gracias por la ayuda prestada y Julio, no hay nada que disculpar. Tú intentaste ayudar pero si no se puede no se puede.

  Un saludo

  P.D.: Galois puedes dar por cerrado este tema. Gracias.