SOLUCIONADO Enlace en background

[vaughann]

Hola

 

Quisiera poner un enlace en la foto que he puesto de backgruound, ¿es posible? ¿como puedo hacerlo?

 

Gracias

 

Un saludo

Edited April 15, 2013 by vaughann (see edit history)

[shacker]

si es el fondo de pagina, no, por que esta por detras de los demas elementos.

[Sergio Ruiz]

si es el fondo de pagina, no, por que esta por detras de los demas elementos.

 

¿Seguro que no hay ninguna manera?

[shacker]

no de manera normal, y depende del template que use. si ocupa el 100% de la web asi sea transparente, no funcionara.

 

este enlace quizas te sirva y lo puedas hacer

 

http://ran.ge/2009/1...clickable-link/

lo usarias para la imagen de fondo del body{}

[Sergio Ruiz]

no de manera normal, y depende del template que use. si ocupa el 100% de la web asi sea transparente, no funcionara.

 

Pues vaya !

 

¿Y no se puede hacer nada especial con jquery, que haga una especie de simulacion?

[shacker]

que pruebe con el link que le pase y ya nos dira.

[Sergio Ruiz]

que pruebe con el link que le pase y ya nos dira.

que pruebe con el link que le pase y ya nos dira.

Yo te preguntaba a ti, si no habia alguna opcion con jquery. (preguntaba)

[shacker]

no es lo mejor, por que puede dar problemas. pero esperemos que nos diga como va con eso.

[Sergio Ruiz]

no es lo mejor, por que puede dar problemas. pero esperemos que nos diga como va con eso.

ah ok.

[vaughann]

Hola

 

Lo primero gracias por responder.

 

Bueno pues lo he conseguido tirando de Google.

 

Lo primero que he hecho ha sido modificar el theme, en el archivo header.tpl añadiendo una etiqueta con un poco de javascript <div id="michelin" class="container_m clearfix" onclick="window.open (href='dominio.com')"></div>

y los archivos global.css y grid_prestashop.css

 

El theme usado es el prestashop_new modificado, os copio el código de los archivos:

header.tpl antiguo

<div id="page" class="container_9 clearfix">

y añado justo de delante:

<div id="michelin" class="container_m clearfix" onclick="window.open (href='dominio.com')" ></div>

 

 

En global.css

defino el background:

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background-image: url(/img/bg.jpg);
background-repeat: no-repeat;
background-position: center top;

}

 

defino "michelin" (o el id que se use en cada caso)

#michelin {

}

 

Ahora edito el archivo grid_prestashop.css

y defino container_m

.container_m {
margin:0 auto;
width: 980px;
height: 159px;
}

 

Ahora ya solo queda retocar el global.css para que canmbie el cursos y listo:

#michelin {
   cursor:pointer	 
}

 

Podéis verlo en directo en http://www.reyes-moto.com, solo he puesto enlace en la parte superior.

 

P.D. Espero haberlo explicado bien, no soy muy buen profesor jejeje

[shacker]

Excelente. gracias por compartirlo y recuerda cambiar el titulo del post a solucionado

[Feliz Garcia]

Hola

 

Lo primero gracias por responder.

 

Bueno pues lo he conseguido tirando de Google.

 

Lo primero que he hecho ha sido modificar el theme, en el archivo header.tpl añadiendo una etiqueta con un poco de javascript <div id="michelin" class="container_m clearfix" onclick="window.open (href='dominio.com')"></div>

y los archivos global.css y grid_prestashop.css

 

El theme usado es el prestashop_new modificado, os copio el código de los archivos:

header.tpl antiguo

<div id="page" class="container_9 clearfix">

y añado justo de delante:

<div id="michelin" class="container_m clearfix" onclick="window.open (href='dominio.com')" ></div>

 

 

En global.css

defino el background:

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background-image: url(/img/bg.jpg);
background-repeat: no-repeat;
background-position: center top;

}

 

defino "michelin" (o el id que se use en cada caso)

#michelin {

}

 

Ahora edito el archivo grid_prestashop.css

y defino container_m

.container_m {
margin:0 auto;
width: 980px;
height: 159px;
}

 

Ahora ya solo queda retocar el global.css para que canmbie el cursos y listo:

#michelin {
cursor:pointer	
}

 

Podéis verlo en directo en http://www.reyes-moto.com, solo he puesto enlace en la parte superior.

 

P.D. Espero haberlo explicado bien, no soy muy buen profesor jejeje

 

Buscaba lo mismo, y creo que tu aporte me puede servir.

 

Muchas Gracias !