# 057: Encabezado personalizado para la galería, parte 1 - Trucos CSS

Tabla de contenido

Hay siete áreas principales diferentes del sitio más allá de la página de inicio. Entonces, contraté a siete ilustradores diferentes para hacer diseños. Este es el primero en el que vamos a profundizar y a implementar en el sitio. Es la sección de la galería del sitio y está realizada por Erica Sirotich.

Jiggers alrededor del HTML y CSS para dejar espacio para el encabezado en la parte superior, lo que hacemos esencialmente con relleno.

Hacemos algunos cambios de tamaño con Photoshop para obtener la ilustración del tamaño que queremos. Bastante grande, por ahora, pero probablemente haremos algunas cosas más inteligentes en el futuro para cargar gráficos de encabezado de tamaño apropiado para el tamaño de pantalla en cuestión.

Un pequeño truco para sentirse bien que empleamos es agregar un montón de margen inferior al ajuste de la página, de modo que el final de la página tenga una textura en blanco en la parte inferior que le da una finalidad al diseño (al menos por ahora, tratar con el pie de página).

Terminamos con el encabezado de la Galería en su lugar, pero tenemos un poco de trabajo que hacer en él y agregando las pequeñas ilustraciones de personas azules que Erica hizo como parte de esta ilustración.

Archivos

  • 57-CSSFramesFinal.psd.zip

Articulos interesantes...