miércoles, 17 de febrero de 2010

ASP.NET - Imagen de fondo al centro de la pagina

red_rose_watermark Vamos a mostrar cómo hacemos para lograr que todas las páginas aspx tengan una imagen de fondo (o marca de agua o watermark como le dicen algunos).
1.- Lo primero que necesitamos es la imagen, de modo que crearemos una carpeta llamada images a nuestro proyecto, y allí ponemos la imagen que usaremos como marca de agua.
2.- añadimos una hoja de estilos css a nuestro proyecto, llamado StyleSheet1.css y allí ponemos el sgte código css:
html

    height: 100%;    
}
body

    background: url( 'images/red_rose_watermark.jpg' ) no-repeat center center;  
}

3.- Luego, si usamos master page, la llamada al css en la master page:
<head>
    …..
    <link href="StyleSheet1.css" rel="stylesheet" type="text/css" />
</head>

sino usamos master page, ponemos la llamada al css en cada página.
4.- Eso es todo.
En este caso, el código interesante es el css. Simple pero efectivo.
;)

No hay comentarios.: