¿Abrir enlace al hacer clic sobre el fondo de la web?

#1 (**permalink**) 05/10/2011, 09:09

Tengo la costumbre, o no me queda otra, de hacer clic en cualquier pagina que entro, sobre una zona que no contenga nada, para poder usar la rueda del ratón e ir bajando. En algunas paginas para adultos, me parece haber visto que cuando hago clic en una zona que supuestamente no hay nada y es el fondo de la pagina, me abre una pagina en una ventana nueva con otra pagina de adultos.

Me gustaría saber si es imaginación mía o esto es posible, porque al poner el ratón encima no aparece la típica mano que sale cuando estas sobre un enlace, sigue apareciendo la flecha normal.

Pongo un ejemplo para que quede mas claro. En esta misma pantalla que estas viendo, arriba a la izquierda aparecen el foro y subforo y en la segunda linea pone "¿Abrir enlace al hacer clic sobre el fondo de la web?" y debajo hay un espacio en blanco. Es como si en ese espacio en blanco hicieras click y sin cambiar el cursos para ponerse como un enlace ni nada, te abre una ventana nueva cargando otra web.

IsaBelM · #2 (**permalink**) 05/10/2011, 13:37

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="application/xhtml; charset=utf-8" />
<title></title>
<style type="text/css">
html{
width:100%;
height:100%;
display: block;
}

body {
width: 100%;
height:100%;
margin: 0;
padding: 0;
}

#fondo-liga{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-width: 700px;
height: 100%;
z-index: 1;
}

#fondo-img {
position: fixed;
left: 0;
top: 0;
width: 100%;
min-width: 700px;
z-index: -1;
}

/* COLUMNAS */
#cont {margin: 0 auto; width: 440px; border: 1px solid white; position: relative; z-index: 2;}
#cont div.alineacion {display: inline-block; width: 100px; vertical-align: top; margin: 0 20px;}
.alineacion div {width:100px; border: 1px solid navy; margin: 20px 0;}
</style>
</head>
<body>

<a href="#" id="fondo-liga" target="_blank"><img id="fondo-img" src="fondo.png" alt="" /></a>

<div id="cont">
<div class="alineacion">
<div><b>Noticia1</b><br /><br />Suspendisse potenti. Praesent ut risus ligula, quis ultrices libero. Sed faucibus leo vitae tortor tincidunt eget pulvinar nulla suscipit. Vestibulum eget libero metus, sit amet iaculis ante. Curabitur sed ligula dolor. Aliquam erat volutpat. Cras sit amet ligula dolor, a eleifend sapien. Nam lobortis turpis nec nisl tempor sit amet malesuada diam luctus.</div>
<div><b>Noticia4</b><br /><br />Suspendisse potenti. Praesent ut risus ligula, quis ultrices libero. Sed faucibus leo vitae tortor tincidunt eget pulvinar nulla suscipit.</div>
</div>
<div class="alineacion"">
<div><b>Noticia2</b><br /><br />Suspendisse potenti. Praesent ut risus ligula, quis ultrices libero. Sed faucibus leo vitae tortor tincidunt eget pulvinar nulla suscipit. Vestibulum eget libero metus, sit amet iaculis ante. Curabitur sed ligula dolor. Aliquam erat volutpat. Cras sit amet ligula dolor, a eleifend sapien.</div>
<div><b>Noticia5</b><br /><br />Suspendisse potenti. Praesent ut risus ligula, quis ultrices libero. Sed faucibus leo vitae tortor tincidunt eget pulvinar nulla suscipit. Vestibulum eget libero metus, sit amet iaculis ante. Curabitur sed ligula dolor. Aliquam erat volutpat. Cras sit amet ligula dolor, a eleifend sapien. Nam lobortis turpis nec nisl tempor sit amet malesuada diam luctus.</div>
</div>
<div class="alineacion">
<div><b>Noticia3</b><br /><br />Suspendisse potenti. Praesent ut risus ligula, quis ultrices libero. Sed faucibus leo vitae tortor tincidunt eget pulvinar nulla suscipit. Vestibulum eget libero metus, sit amet iaculis ante. Curabitur sed ligula dolor. Aliquam erat volutpat. Cras sit amet ligula dolor, a eleifend sapien. Nam lobortis turpis nec nisl tempor sit amet malesuada diam luctus.</div>
<div><b>Noticia6</b><br /><br />Suspendisse potenti. Praesent ut risus ligula, quis ultrices libero. Sed faucibus leo vitae tortor tincidunt eget pulvinar nulla suscipit. Vestibulum eget libero metus, sit amet iaculis ante. Curabitur sed ligula dolor. Aliquam erat volutpat. Cras sit amet ligula dolor, a eleifend sapien.</div>
</div>
</div>

</body>
</html>