# 057: Glava po meri za galerijo, 1. del - CSS-triki

Anonim

Poleg domače strani je sedem različnih glavnih področij spletnega mesta. Tako sem za oblikovanje najel sedem različnih ilustratorjev. To je prvi, v katerega bomo posegli in ga uvedli na spletno mesto. To je galerijski del spletnega mesta, ki ga je naredila Erica Sirotich.

Drsimo po HTML-ju in CSS-ju, da naredimo prostor za glavo zgoraj, kar v bistvu naredimo z oblazinjenjem.

S Photoshopom nekaj spremenimo, da dobimo ilustracijo v velikosti, ki jo želimo. Zaenkrat precej velik, vendar bomo v prihodnosti verjetno naredili nekaj pametnejših stvari za nalaganje ustrezne velikosti grafike glave glede na velikost zaslona.

En majhen trik za dobro počutje, ki ga uporabimo, je, da v zavitek strani dodamo kup spodnjega roba, tako da bo na koncu strani na dnu nekaj prazne teksture, ki daje oblikovanju dokončnost (vsaj za zdaj, dokler nogo).

Zaključili smo z glavo galerije, ki je lepo nameščena, vendar moramo malo delati na njej, vendar smo dodali ilustracije majhnih modrih ljudi, ki jih je Erica naredila kot del te ilustracije.

Datoteke

  • 57-CSSFramesFinal.psd.zip