Autor Tema: imagen enlzada  (Leído 4612 veces)

Desconectado Trebol

  • Iniciado
  • *****
  • Mensajes: 2868
  • tumbando barreras
    • Pequeñas cosas... vista desde "tumbando barreras"
imagen enlzada
« en: 03 de Octubre de 2011, 02:20:49 pm »
Hola señores daboweros!! una preguntilla.
Es posible introducir en una imagen un enlace para ser obviamente clicado? así cómo porqué no logro que me quede centrada la imagen en el widget 
Todos los encuentros con otras personas son experiencias y todas las experiencias son relaciones para siempre. http://www.tumbandobarreras.com/

Siempre "tumbando barreras"... Una vida sin barreras, más independencia ¡Eso es más vida, vivir libre!

Desconectado Liamngls

  • Administrator
  • ******
  • Mensajes: 15688
    • Manuales-e
Re:imagen enlzada
« Respuesta #1 en: 04 de Octubre de 2011, 10:05:14 am »
Código: [Seleccionar]
<a href="http://www.daboweb.com/"><img src="http://www.daboweb.com/foros/logo.gif"></a>

Desconectado Trebol

  • Iniciado
  • *****
  • Mensajes: 2868
  • tumbando barreras
    • Pequeñas cosas... vista desde "tumbando barreras"
Re:imagen enlzada
« Respuesta #2 en: 04 de Octubre de 2011, 02:02:50 pm »
Liamngls, hago tal cual y no me aparece la imagen con enlace.
El código que he usado a parte del dicho por ti.

Citar
<a><img src="http://www.munmami.com/laimagen.png"/> <a href="http://www.munmami.com/ladireccióndelapágina/ "target="_blank">Lo que quiero se vea en enlace</a>
Todos los encuentros con otras personas son experiencias y todas las experiencias son relaciones para siempre. http://www.tumbandobarreras.com/

Siempre "tumbando barreras"... Una vida sin barreras, más independencia ¡Eso es más vida, vivir libre!

Desconectado Liamngls

  • Administrator
  • ******
  • Mensajes: 15688
    • Manuales-e
Re:imagen enlzada
« Respuesta #3 en: 04 de Octubre de 2011, 08:18:23 pm »
Ese código está mal ¿no ves los corchetes? Eso que has puesto es una mezcla entre código html y código phpBB, el que yo te he puesto te tiene que funcionar sí o sí solo con cambiar las url por las que tú quieras, de hecho puedes probar ese código tal cual y te saldrá el logo de web con el enlace a la web.

Desconectado Trebol

  • Iniciado
  • *****
  • Mensajes: 2868
  • tumbando barreras
    • Pequeñas cosas... vista desde "tumbando barreras"
Re:imagen enlzada
« Respuesta #4 en: 06 de Octubre de 2011, 01:30:16 pm »
si correcto funciona como dices, lo que no me aparece ningún texto o enlce como quiero dentro de la propia imagen... ¿es posible? he puesto pero me sale en la parte inferior fuera de la imagen
Todos los encuentros con otras personas son experiencias y todas las experiencias son relaciones para siempre. http://www.tumbandobarreras.com/

Siempre "tumbando barreras"... Una vida sin barreras, más independencia ¡Eso es más vida, vivir libre!

Desconectado Liamngls

  • Administrator
  • ******
  • Mensajes: 15688
    • Manuales-e
Re:imagen enlzada
« Respuesta #5 en: 06 de Octubre de 2011, 11:18:41 pm »
¿Algún ejemplo? Es que no me queda claro lo que dices, el código está perfecto o lo copias mal o wordpress te pone mal ¿Puedes entrar en edición html y copiar el código tal cuál para verlo?

Desconectado Mr_X

  • Moderadores
  • ******
  • Mensajes: 2635
Re:imagen enlzada
« Respuesta #6 en: 06 de Octubre de 2011, 11:49:01 pm »
Puedes hacer que se muestre un texto cuando el cursor del ratón esté dentro de la imagen enlazada con la etiqueta 'TITLE':

Código: [Seleccionar]
<a href="http://www.daboweb.com/" TITLE="Texto de imagen"><img src="http://www.daboweb.com/foros/logo.gif"></a>

Otra opción es editar la imagen para que contenga el texto y ya ligarla usando el método que te indicó Liamngls... O prueba con JavaScript...
"... I'll wait I sow the seed, I set the scene and I watch the world go by..."

Desconectado Trebol

  • Iniciado
  • *****
  • Mensajes: 2868
  • tumbando barreras
    • Pequeñas cosas... vista desde "tumbando barreras"
Re:imagen enlzada
« Respuesta #7 en: 07 de Octubre de 2011, 12:03:40 am »
quieres decir que la modifique con el texto que quisiera que se viera e insertar luego el código??
Todos los encuentros con otras personas son experiencias y todas las experiencias son relaciones para siempre. http://www.tumbandobarreras.com/

Siempre "tumbando barreras"... Una vida sin barreras, más independencia ¡Eso es más vida, vivir libre!

Desconectado Gepetto

  • Iniciado
  • *****
  • Mensajes: 1129
Re:imagen enlzada
« Respuesta #8 en: 14 de Octubre de 2011, 11:39:54 am »
Creo que lo más sencillo sería dividir la imagen en dos y en la parte que quieras (en este caso la inferior), añadir un botón en el que ponga "Mas información" o algo parecido con un editor de imágenes. Después se unen las dos imágenes y  se enlaza la de bajo. Ejemplo :
Código: [Seleccionar]
<img src="imagen"><br /><a href="enlace"><img src="imagen2"></a>
Si se quiere añadir más de un enlace, se puede dividir la imagen en tantas partes como se quiera (o pueda):
Código: [Seleccionar]
<img src="imagen"><br /><a href="enlace1"><img src="imagen1"></a><br /><a href="enlace2"><img src="imagen2"></a><br /><a href="enlace3"><img src="imagen3"></a>
Rizando el rizo  ;-)
Saludos.

 

Aviso Legal | Política de Privacidad | Política de Cookies

el contenido de la web se rige bajo licencia
Creative Commons License