Usar el Fondo (background) como publicidad

Buen Día, tengo el siguiente problema, en este blog Musikconk.com, tengo una imagen de fondo con un arte publicitario, pero quisiera que además este fondo tuviera un link para ir a la pagina del anunciante, algo muy parecido como esta en Labutaca.net.

Espero me puedan ayudar ya que tengo varios días con esto y no he conseguido la respuesta por ningún lado.

Según mi vago conocimiento puedes hacer dos cosas:
1. Recortar de tu fondo la parte que quieras con link y poner un link en el div posicionado.
2. Hacer todo el fondo un div (ojo con las capas) y hacerlo un link.

¿Tienes algún conocimiento de CSS y HTML?

Se me ocurre que en el archivo HTML, vayas a la capa donde tienes el fondo, por ejemplo:

Código HTML :

<div id="fondo">...</div>

y añadas el evento onclick

Código HTML :

<div id="fondo" onclick="location.href='http://www.antonionavajas.com'">...</div>

Atención a las comillas simples dentro de las dobles.

Un saludo!

Hola, Kinduff y antonionavajas, gracias por sus respuestas.

Intente aplicar el ejemplo que me dio antonionavajas:

Código HTML :

<div id="fondo" onclick="location.href='http://www.antonionavajas.com'">...</div>

Y funciona, el unico problema es que me gustaria que habriera en una ventana externa y no en la misma como pasa con esta funcion. Ya que es para usar como publicidad.

A lo mejor la idea que me da Kinduff, sea la solucion pero no tengo mucho conocimiento de CSS, y no se como aplicarlo, me ayudaria si me guias como hacerlo de esta forma; dividiendo el fondo en secciones.

Podrías hacer...

Código HTML :

<div id="fondo" onClick="window.open('http://www.example.com/','blank'); return false;">...</div>

Hola DriverOP gracias por tu aporte. Ya habia probado con ese codigo, y efectivamente le doy click al fondo y se abre en otra ventana pero si le doy click a cualquier boton del blog, tambien me abre tambien la otra pagina en otra ventana.

Has variado el z-index de la capa fondo para que quede por detrás?

antonionavajas escribió:

Ok antonio, hay si me ganaste , como hago eso???

Hola antonionavajas, agrege la variable z-index, dandole el valor -1. De esta manera me quedo el "id=fondo" en CSS

Código HTML :

#fondo {
   background: #000 url(images/bodybg.jpg) top center no-repeat fixed;
   z-index:-1;
   padding-bottom: 20px;
}

Pero sigue igual si le doy click a cualquier link o boton, me abre el link en cuestion y la ventana externa de la publicidad.

Pero expliquenle al muchacho el por que del z-index.

Hola Kinduff y Antonio.

Gracias por sus respuestas, pero al utilizar la propiedad z-index, no soluciona el problema, ya lo intente y coloque diferentes parametros, pero el resultado es el mismo, al darle click a cualquier enlace me abre el enlace y externamente me abre la publicidad.

Como hago para dividir en secciones el sitio, pienso que esta pordia ser la solucion, dividiendo el fondo en 3 columnas.

De izquierda a derecha seria:
1° columna fondo publicidad (enlace)
2° columna contenido del sitio (centrado)
3° columna fondo publicidad (enlace)

Y que las columnas 1 y 3 se extiendan dependiendo del tamaño del monitor.