# 057: En-tête personnalisé pour la galerie, partie 1 - Astuces CSS

Anonim

Il existe sept zones principales différentes du site au-delà de la page d'accueil. J'ai donc embauché sept illustrateurs différents pour faire des dessins. C'est le premier que nous allons approfondir et implémenter dans le site. C'est la section galerie du site et c'est fait par Erica Sirotich.

Nous jiggerons autour du HTML et du CSS pour faire de la place pour l'en-tête en haut, ce que nous faisons essentiellement avec un remplissage.

Nous procédons à un redimensionnement avec Photoshop pour obtenir l'illustration à la taille souhaitée. Assez gros, pour le moment, mais nous ferons probablement des choses plus intelligentes à l'avenir pour charger des graphiques d'en-tête de taille appropriée pour la taille d'écran à portée de main.

Une petite astuce de bien-être que nous utilisons est d'ajouter un tas de marge inférieure à la page-wrap, de sorte que la fin de la page a une texture vierge en bas qui donne une finalité au design (du moins pour l'instant, jusqu'à ce que nous traiter le pied de page).

Nous finissons avec l'en-tête de la galerie bien en place, mais nous avons un peu de travail à faire dessus tout en ajoutant les petites illustrations de personnes bleues qu'Erica a faites dans le cadre de cette illustration.

Des dossiers

  • 57-CSSFramesFinal.psd.zip