# 057: Vlastná hlavička pre Galériu, časť 1 - Triky CSS

Anonim

Za domovskou stránkou je sedem rôznych hlavných oblastí webu. Na dizajnovanie som si teda najal sedem rôznych ilustrátorov. Toto je prvý, do ktorého sa pustíme a začneme implementovať do tohto webu. Je to sekcia galérie na webe a robí ju Erica Sirotich.

Trháme okolo HTML a CSS, aby sme vytvorili priestor pre hlavičku zhora, čo robíme v podstate s výplňou.

S Photoshopom robíme nejaké zmeny veľkosti, aby sme dostali ilustráciu len v požadovanej veľkosti. Zatiaľ je to sakramentsky veľké, ale pravdepodobne v budúcnosti urobíme nejaké múdrejšie veci na načítanie vhodne veľkej grafiky záhlaví pre danú veľkosť obrazovky.

Jeden malý trik na zaistenie dobrého pocitu, ktorý používame, je pridať do zalomenia stránky veľa spodného okraja, takže koniec stránky má v dolnej časti nejakú prázdnu textúru, ktorá dodáva dizajnu konečnosť (aspoň zatiaľ, kým vysporiadať s pätou).

Skončíme s hlavičkou Galérie pekne na svojom mieste, ale musíme na nej ešte trochu pracovať, ale do modrých ľudí pridať ilustrácie, ktoré Erica urobila ako súčasť tejto ilustrácie.

Súbory

  • 57-CSSFramesFinal.psd.zip