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

  • Autor Autor WebmasterKing
  • Fecha de inicio Fecha de inicio
WebmasterKing

WebmasterKing

Kappa
Verificación en dos pasos activada
Verificado por Binance
Hola amigos !

Alguien me puede pasar un código o un plugin para escribir sobre una imagen?
 
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.
 
Quiere un aque haga de marca de agua, cicklow publico un tutorial cuando lo encuentre te lo paso
 
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
 
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?
 
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
 
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.
 
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.
 
Atrás
Arriba