# 057: Cabeçalho personalizado para a galeria, parte 1 - CSS-Tricks

Anonim

Existem sete áreas principais diferentes do site, além da página inicial. Então, contratei sete ilustradores diferentes para fazer designs. Este é o primeiro que iremos aprofundar e implementar no site. É a seção da galeria do site e é feita por Erica Sirotich.

Nós balançamos em torno do HTML e CSS para abrir espaço para o cabeçalho no topo, o que fazemos essencialmente com preenchimento.

Fazemos alguns redimensionamentos com o Photoshop para obter a ilustração do tamanho que queremos. Bastante grande, por enquanto, mas provavelmente faremos algumas coisas mais inteligentes no futuro para carregar gráficos de cabeçalho de tamanho apropriado para o tamanho de tela em questão.

Um pequeno truque de bem-estar que empregamos é adicionar um monte de margem inferior à quebra de página, para que o final da página tenha alguma textura em branco na parte inferior, o que dá uma finalidade ao design (pelo menos por agora, até nós lidar com o rodapé).

Terminamos com o cabeçalho da Galeria bem colocado, mas temos um pequeno trabalho a fazer nele, mas adicionando as pequenas ilustrações de pessoas azuis que Erica fez como parte desta ilustração.

arquivos

  • 57-CSSFramesFinal.psd.zip