ESTILOS IMPLEMENTADOS EN LA PAGINA DE PARALLAX
En ésta ocasión les compartiré los estilos que fuerón implementados para la realización de la página web de Parallax.Cabe mencionar que cada estilo esta orientado al diseño de la pagina ya que cada capa que fue realizada en el diseño cuenta con un estilo especifico en nuestra hoja de Css(Hoja de Estilo Css).
Los estilos siguientes son los implemnetados en la página de Parallax.
1.-wrapper hace referencia a la capa contenedor o bien la capa que anida a las démas tiene una posicion de tipo absoluta,un ancho del 100%,una altura de 200 pixeles,un tipo de fuente llamada :informal roman,de tamaño 36 pixeles.
#wrapper{
position:absolute;
width:100%;
height:200px;
z-index:1;
border:double;
border-color:#666666;
font-family:informal roman,times new roman;
font-size:36px;
color:#FFFFFF;
left: 19px;
top: 16px;
}
2.-Este tipo de estilo corresponde para el encabezado de la Página endonde tiene una posicion absoluta, una imagen de fondo, un ancho de 100% y una altura de 200 pixeles.
#encabezado{
position:absolute;
width:100%;
height:200px;
z-index:1;
border:double;
border-color:#666666;
font-family:informal roman,times new roman;
font-size:36px;
color:#FFFFFF;
left: 19px;
top: 16px;
}
3.-El estilo de datos tiene como atributos una posicion absoluta un ancho de 23%,una altura de 500 pixeles,un border solido, esta alineado a la izquierda y ele espacio de arriba es de 289 pixeles.
#datos{
position:absolute;
width:23%;
height:500px;
border:solid;
left:23px;
top:289px;
}
4.-Este estilo corresponde al estilo que tendra nuestro mapa una vez en la capa en donde igualmente tiene una posicion absoluta un ancho de 70%, una altura de 505 pixeles un border solido y de color, esta alineado a la izquierda y una margen de topo de 293 px.
#map {
position:absolute;
width:70%;
height:505px;
z-index:auto;
border:3px solid #0000CC;
left:416px;
top:293px;
}
5.-Este estilo tiene una posicion de tipo absoluta un ancho del 100% una altura automatica un margen automatico un border de 3 pixeles.
#pie{
position:absolute;
width:100%;
height:auto;
z-index:auto;
margin:auto;
border:3px double #996600;
left: 35px;
top: 855px;
}
Pues en terminos generales son los estilos que se le aplicaron a la pagina de nuestro cliente.
