# 057: Персонализиран хедър за галерията, част 1 - CSS-трикове

Anonim

Има седем различни основни области на сайта извън началната страница. И така, наех седем различни илюстратори да правят дизайни. Това е първото, което ще разгледаме и ще внедрим в сайта. Това е галерията на сайта и е направена от Ерика Сиротич.

Движим се около HTML и CSS, за да освободим място за заглавката отгоре, което по същество правим с подложка.

Правим преоразмеряване с Photoshop, за да получим илюстрацията точно в размера, който искаме. Засега доста дяволски, но в бъдеще вероятно ще направим някои по-интелигентни неща за зареждане на графики с подходящ размер на заглавката за размера на екрана.

Един малък трик за добро усещане, който използваме, е да добавим куп долни полета към обвивката на страницата, така че в края на страницата да има празна текстура в долната част, която дава окончателност на дизайна (поне засега, докато справяне с долния колонтитул).

Завършваме със заглавката на Галерията добре на място, но имаме малко работа по нея, но все пак добавяме в малките сини хора илюстрации, които Ерика направи като част от тази илюстрация.

Файлове

  • 57-CSSFramesFinal.psd.zip