# 057: Tilpasset header til galleriet, del 1 - CSS-tricks

Anonim

Der er syv forskellige hovedområder på siden ud over hjemmesiden. Så jeg hyrede syv forskellige illustratorer til at lave designs. Dette er den første, vi skal grave i og blive implementeret på webstedet. Det er galleriets sektion på webstedet, og det udføres af Erica Sirotich.

Vi rykker rundt om HTML og CSS for at gøre plads til header up top, hvilket vi i det væsentlige gør med polstring.

Vi ændrer størrelsen på Photoshop for at få illustrationen til den størrelse, vi vil have den. Temmelig darn stort, for nu, men vi vil sandsynligvis gøre nogle smartere ting i fremtiden for at indlæse headergrafik i passende størrelse til den aktuelle skærmstørrelse.

Et lille feel-good-trick, vi anvender, er at tilføje en flok bundmargen til sideindpakningen, så slutningen af ​​siden har en tom tekstur i bunden, hvilket giver en finalitet til designet (i det mindste indtil nu, indtil vi håndtere sidefoden).

Vi afslutter med Gallery header pænt på plads, men vi har lidt arbejde at gøre med det, men tilføjer i de små blå mennesker illustrationer, som Erica gjorde som en del af denne illustration.

Filer

  • 57-CSSFramesFinal.psd.zip