# 057: Niestandardowy nagłówek galerii, część 1 - CSS-Tricks

Anonim

Poza stroną główną znajduje się siedem różnych głównych obszarów witryny. Zatrudniłem więc siedmiu różnych ilustratorów do wykonania projektów. Jest to pierwsza, którą zamierzamy zagłębić i wdrożyć w witrynie. Jest to sekcja galerii w witrynie, której autorem jest Erica Sirotich.

Poruszamy się po kodzie HTML i CSS, aby zrobić miejsce na nagłówek u góry, co zasadniczo robimy z dopełnieniem.

Zmieniamy rozmiar w Photoshopie, aby uzyskać ilustrację o dokładnie takim rozmiarze, jaki chcemy. Na razie dość cholernie duże, ale prawdopodobnie w przyszłości zrobimy sprytniejsze rzeczy, aby załadować grafikę nagłówka odpowiednio dobraną do rozmiaru ekranu.

Jedna mała sztuczka poprawiająca samopoczucie, którą stosujemy, polega na dodaniu garści dolnego marginesu do zawijania strony, tak aby koniec strony miał na dole pustą teksturę, która nadaje ostateczny projekt (przynajmniej na razie, dopóki nie zajmij się stopką).

Kończymy z nagłówkiem Galerii ładnie na miejscu, ale mamy trochę pracy nad nim, ale dodamy małe niebieskie ilustracje ludzi, które Erica zrobiła jako część tej ilustracji.

Akta

  • 57-CSSFramesFinal.psd.zip