How to Add Text Over an Image with Code or Plugin?

WebmasterKing · 05/02/2014

Hola amigos !

Alguien me puede pasar un código o un plugin para escribir sobre una imagen?

sanyeta1992 · 05/02/2014

Puede ser con Canvas o simplemente haciendo la imagen como fondo... Si te sirve algún método me escribes. Es preferible el segundo método.

Angel Perales · 05/02/2014

Quiere un aque haga de marca de agua, cicklow publico un tutorial cuando lo encuentre te lo paso

WebmasterKing · 05/02/2014

Jangel disse:
Quiere un aque haga de marca de agua, cicklow publico un tutorial cuando lo encuentre te lo paso

es que quiero poner un enlace clikable sobre la imagen

Koletta · 05/02/2014

Puedes hacer que la imagen sea un enlace:
<a href="#"><img src="http://forobeta.com/html/..." /></a>
O crear una capa con la imagen de fondo (style="background-image:url('imagen.jpg');") y centrar el enlace dentro de la misma.

¿Eso buscas?

yannleiva · 21/02/2014

Yo lo haría así:
CSS:
.contenedor { position: relative; float: left; border: 1px solid green; }
.contenedor div {position: absolute; bottom: 0; left: 0}

HTML:
<div class='contenedor'>
<img src='ruta_imagen' />
<div><a href='destino'>vínculo</a></div>
</div>

Pruébalo a ver cómo va .. Slds

deqk · 23/02/2014

No se entiende si queres que la imagen tenga un link, o que arriba de una imagen haya texto.. Si es así, un div con fondo y adentro le escribis lo que quieras.

colobaggins · 11/03/2014

Buenas amigo, según lo que querés, yo crearía un tag a y le pondría de fondo la imagen.

<a id="link" href="#">El Link</a>

#link{
display:block;
width: (tamaño de imagen)
height: (tamaño de imagen)
background: url(laimagen.jpg) no-repeat;
}

Saludos.

How to Add Text Over an Image with Code or Plugin?

WebmasterKing

sanyeta1992

Angel Perales

WebmasterKing

Koletta

yannleiva

deqk

colobaggins