poner banner inicial como los periodicos ej. elmundo.es

marcgispert · #1 (**permalink**) 23/08/2011, 03:30

Muy buenas, alguien sabe como se ponen los banners publicitarios iniciales que ocupan toda la pagina con su boton de cerrar y tal. Ejemplo elmundo.es

Yo lo haria con .htaccess y ponerlo en un inicio.html por ejemplo, pero no se si es la manera correcta.

Gracias.
Marc.

Batan · #2 (**permalink**) 23/08/2011, 04:43

Buenas

Un ejemplo

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">
<head>
<style>
#banner{
position: fixed;
top: 20px;
left: 200px;
width: 400px;
height: 400px;
display: block;
}
</style>
<script>
function cerrarBanner(){
document.getElementById('banner').style.display = "none";
}
</script>
</head>
<body>
</body>
<div id="banner"><img src="http://www.google.es/images/srpr/logo3w.png" alt="imagen de google" /><a href="javascript:void(cerrarBanner())" style="position: relative; top: 0px; float: right;">cerrar</a></div>
</body>
</html>

Consiste en crear una capa en tu index y con el banner directamente posicionarla fija, con la propiedad position: fixed.
Y crear un javascript para cerrar el banner, usando la propiedad display.
Saludos

marcgispert · #3 (**permalink**) 23/08/2011, 07:03

Buenisima info Batan! Muchas gracias!