# 057: Header Khusus untuk Galeri, Bagian 1 - Trik CSS

Anonim

Ada tujuh area utama situs yang berbeda di luar beranda. Jadi, saya menyewa tujuh ilustrator berbeda untuk membuat desain. Ini adalah hal pertama yang akan kita gali dan diimplementasikan ke dalam situs. Ini adalah bagian galeri situs dan dikerjakan oleh Erica Sirotich.

Kami berpindah-pindah di sekitar HTML dan CSS untuk memberi ruang bagi header di bagian atas, yang pada dasarnya kami lakukan dengan padding.

Kami melakukan beberapa pengubahan ukuran dengan Photoshop untuk mendapatkan ilustrasi sesuai ukuran yang kami inginkan. Cukup besar, untuk saat ini, tetapi kami kemungkinan akan melakukan beberapa hal yang lebih cerdas di masa depan untuk memuat gambar header berukuran tepat untuk ukuran layar yang ada.

Satu trik kecil yang menyenangkan yang kami terapkan adalah menambahkan sekumpulan margin bawah ke bungkus halaman, sehingga akhir halaman memiliki tekstur kosong di bagian bawah yang memberikan finalitas pada desain (setidaknya untuk saat ini, sampai kita berurusan dengan footer).

Kami menyelesaikan header Galeri dengan baik di tempatnya, tetapi kami memiliki sedikit pekerjaan yang harus dilakukan di atasnya namun menambahkan ilustrasi orang biru kecil yang Erica lakukan sebagai bagian dari ilustrasi ini.

File

  • 57-CSSFramesFinal.psd.zip