Foros de daboweb

MULTIMEDIA, Video digital, Grabación, Diseño gráfico, Diseño web, Programación => Webmasters - Diseño Web - Programación - Diseño gráfico => Mensaje iniciado por: Trebol en 03 de Octubre de 2011, 02:20:49 pm

Título: imagen enlzada
Publicado por: Trebol 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 
Título: Re:imagen enlzada
Publicado por: Liamngls 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>
Título: Re:imagen enlzada
Publicado por: Trebol 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>
Título: Re:imagen enlzada
Publicado por: Liamngls 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.
Título: Re:imagen enlzada
Publicado por: Trebol 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
Título: Re:imagen enlzada
Publicado por: Liamngls 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?
Título: Re:imagen enlzada
Publicado por: Mr_X 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...
Título: Re:imagen enlzada
Publicado por: Trebol 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??
Título: Re:imagen enlzada
Publicado por: Gepetto 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.