# 057: Спеціальний заголовок для галереї, частина 1 - CSS-хитрощі

Anonim

За межами домашньої сторінки є сім різних основних областей сайту. Отже, я найняв семи різних ілюстраторів, щоб вони займалися дизайном. Це перший, який ми збираємось копати і впровадити на сайт. Це розділ галереї сайту, і це зроблено Ерікою Сіротіч.

Ми обертаємося навколо HTML і CSS, щоб звільнити місце для заголовка вгорі, що, по суті, робимо з доповненням.

Ми виконуємо деякі зміни розміру за допомогою Photoshop, щоб отримати ілюстрацію просто потрібного розміру. Наразі дуже чорний, але в майбутньому ми, мабуть, зробимо розумніші речі для завантаження графіки відповідного розміру заголовка відповідно до розміру екрана.

Один маленький фокус, який ми використовуємо, - це додати купу нижнього поля до обгортки сторінки, щоб кінець сторінки мав деяку порожню текстуру внизу, що надає остаточності дизайну (принаймні наразі, поки ми мати справу з колонтитулом).

Ми закінчуємо заголовок Галереї красиво на місці, але нам потрібно трохи попрацювати над цим, ще додавши в маленьких блакитних людей ілюстрації, які Еріка зробила як частину цієї ілюстрації.

Файли

  • 57-CSSFramesFinal.psd.zip