[SOLUCIONADO] alguien sabe como hacer esto??

[farma1]

hola, como estan?? alguien sabe como lograr hacer que una imagen destacada muestre un boton con link ? asi como en esta foto??



Quiero hacer lo mismo con mi web, en todas los cuadrados con imagen destacada que aparezca lo mismo pero que diga "CONTACTO" Y el link hacia el contacto... aca mi web http://italoargtrading.com.ar/representaciones_/ .. y aca una imagen



Si alguien sabe como hacerlo y me dice le agradeceria muchisimo !!disculpen las molestias!!

[AngelKrak]

con un efecto hover se puede hacer amigo, tienes uno parecido en tu web >_< nomas modificalo y ponle el boton ;)

[farma1]

Iniciado por AngelKrak

con un efecto hover se puede hacer amigo, tienes uno parecido en tu web >_< nomas modificalo y ponle el boton ;)

Disculpa mi ignorancia no tengo idea, podrías ayudarme porfavor?

[fede5426]

Dentro de cada item tenés un span con la clase "zoom-icon". Si colocas dentro de ese elemento un botón linkeado al contacto, obtenés lo que estas buscando



Link a la imagen: http://i61.tinypic.com/15h0g46.jpg

En rojo te marqué el item que modifiqué.. en verde está señalado lo que agregué a tu html, y en amarillo los estilos que le aplique al botón. Los valores van a cambiar dependiendo el tamaño del botón y donde quieras posicionarlo, así que eso lo controlas vos.

Resumido.. dentro de esto:

Código HTML:

<span class="zoom-icon"></span>
 

Colocas esto:

Código HTML:

<a href="donde-quieras-redireccionar">
     <input type="button" value="Contacto" />
</a>
 

Resultado:

Código HTML:

<span class="zoom-icon">  
   <a href="donde-quieras-redireccionar">
     <input type="button" value="Contacto" />
   </a>
</span>
 

[farma1]

Iniciado por fede5426

Dentro de cada item tenés un span con la clase "zoom-icon". Si colocas dentro de ese elemento un botón linkeado al contacto, obtenés lo que estas buscando



Link a la imagen: [url]http://i61.tinypic.com/15h0g46.jpg[/url]

En rojo te marqué el item que modifiqué.. en verde está señalado lo que agregué a tu html, y en amarillo los estilos que le aplique al botón. Los valores van a cambiar dependiendo el tamaño del botón y donde quieras posicionarlo, así que eso lo controlas vos.

Resumido.. dentro de esto:

Código HTML:

<span class="zoom-icon"></span>
 

Colocas esto:

Código HTML:

<a href="donde-quieras-redireccionar">
     <input type="button" value="Contacto" />
</a>
 

Resultado:

Código HTML:

<span class="zoom-icon">  
   <a href="donde-quieras-redireccionar">
     <input type="button" value="Contacto" />
   </a>
</span>
 

Genio te mandé un MP !!!

[pzin]

Iniciado por farma1

Genio te mandé un MP !!!

Imagino que para darle las gracias y nada más.

[fede5426]

Iniciado por pzin

Imagino que para darle las gracias y nada más.

Jaja, tranquilo.. todavia tiene dudas que despejar, pero ya le aclaré que consulte en este mismo tema.

[NueveReinas]

Busca en Gúgel "hover caption html css" y quizá encuentres ayuda :)

[farma1]

SOLUCIONADO GRACIAS A AngelKrak