Foros del Web » Creando para Internet » Diseño web »

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

Estas en el tema de ¿Abrir enlace al hacer clic sobre el fondo de la web? en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/10/2011, 09:09
UsuarioArroba
Invitado
 
Mensajes: n/a
Puntos:
¿Abrir enlace al hacer clic sobre el fondo de la web?

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.
  #2 (permalink)  
Antiguo 05/10/2011, 13:37
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 14 años
Puntos: 1011
Respuesta: ¿Abrir enlace al hacer clic sobre el fondo de la web?

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>

Última edición por IsaBelM; 21/04/2012 a las 04:43 Razón: mejor con css

Etiquetas: clic, enlace
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:42.