# 057: Tiêu đề Tùy chỉnh cho Thư viện, Phần 1 - Thủ thuật CSS

Anonim

Có bảy khu vực chính khác nhau của trang web ngoài trang chủ. Vì vậy, tôi đã thuê bảy họa sĩ minh họa khác nhau để thiết kế. Đây là phần đầu tiên chúng tôi sẽ nghiên cứu và triển khai vào trang web. Đó là phần thư viện của trang web và được thực hiện bởi Erica Sirotich.

Chúng tôi xoay quanh HTML và CSS để nhường chỗ cho tiêu đề ở trên cùng, về cơ bản chúng tôi thực hiện với padding.

Chúng tôi thực hiện một số thay đổi kích thước với Photoshop để có được hình minh họa với kích thước chúng tôi muốn. Hiện tại, khá lớn, nhưng chúng tôi có thể sẽ làm một số công cụ thông minh hơn trong tương lai để tải đồ họa tiêu đề có kích thước phù hợp cho kích thước màn hình trong tầm tay.

Một thủ thuật nhỏ mà chúng tôi áp dụng là thêm một loạt lề dưới cùng vào phần bọc trang, để phần cuối của trang có một số kết cấu trống ở cuối trang mang lại sự hoàn thiện cho thiết kế (ít nhất là cho đến khi chúng tôi đối phó với footer).

Chúng tôi kết thúc với tiêu đề Thư viện ở vị trí độc đáo, nhưng chúng tôi còn một chút việc phải làm với nó nhưng thêm vào các hình minh họa người màu xanh nhỏ mà Erica đã làm như một phần của hình minh họa này.

Các tập tin

  • 57-CSSFramesFinal.psd.zip