# 057: Vlastní záhlaví pro galerii, část 1 - Triky CSS

Anonim

Za domovskou stránkou je sedm různých hlavních oblastí webu. Takže jsem si najal sedm různých ilustrátorů, aby udělali návrhy. Toto je první, do kterého budeme kopat a implementovat jej do webu. Jedná se o sekci galerie na webu a provádí ji Erica Sirotich.

Trháme kolem HTML a CSS, abychom vytvořili prostor pro záhlaví nahoře, což v podstatě děláme s polstrováním.

Provádíme některé změny velikosti pomocí Photoshopu, abychom získali ilustraci jen v takové velikosti, jakou chceme. Zatím docela zatraceně velké, ale pravděpodobně v budoucnu uděláme nějaké chytřejší věci pro načítání grafiky záhlaví odpovídající velikosti pro danou velikost obrazovky.

Jeden malý trik pro dobrý pocit, který používáme, je přidat do zalomení stránky spoustu spodního okraje, takže konec stránky má ve spodní části nějakou prázdnou texturu, která dává designu konečnou podobu (alespoň prozatím, dokud řešit zápatí).

Dokončíme záhlaví Galerie pěkně na svém místě, ale musíme na tom ještě trochu pracovat, ale přidáme ilustrace malých modrých lidí, které Erica udělala jako součást tohoto obrázku.

Soubory

  • 57-CSSFramesFinal.psd.zip