Nội dung tiếp thị

Hình nền cơ thể được hoàn tất một cách dễ dàng

Một tính năng thú vị mà bạn sẽ tìm thấy trên nhiều trang web là khu vực nội dung ở giữa xuất hiện phủ lên trang bằng một bóng đổ phía sau nó. Đây thực sự là một phương pháp khá đơn giản để làm cho blog của bạn trông đẹp hơn (hoặc trang web khác) chỉ bằng một hình nền.

Làm thế nào được thực hiện?

  1. Tìm ra nội dung của bạn rộng đến mức nào. Ví dụ: 750px.
  2. Xây dựng hình ảnh trong ứng dụng minh họa của bạn (tôi sử dụng Illustrator) rộng hơn vùng nội dung. Ví dụ: 800px.
  3. Đặt nền của hình ảnh thành nền bạn muốn có ở mỗi bên của blog.
  4. Thêm một vùng màu trắng trên nền.
  5. Áp dụng một bóng đổ trên vùng màu trắng được tạo ra từ hai bên của vùng.
  6. Đặt vùng cắt có chiều rộng bằng 1 pixel chiều cao. Điều này sẽ làm cho hình ảnh tải xuống đẹp và nhỏ gọn để hiển thị nhanh chóng.
  7. Xuất hình ảnh.

Đây là cách tôi xây dựng nó bằng Illustrator (lưu ý rằng tôi có vùng cắt cao hơn nhiều… chỉ để bạn có thể thấy những gì tôi đang làm):
Nền với Illustrator

Dưới đây là một ví dụ về cách đầu ra sẽ trông như thế nào với hình nền:
Ví dụ về Hình nền

Đây là cách áp dụng hình ảnh bằng thẻ body style trong

CSS tập tin.

background: # B2B2B2 url ('images / bg.gif') trung tâm lặp lại y;

Đây là một phân tích của thẻ kiểu nền:

  • #B2B2B2 – đặt màu nền tổng thể của trang. Trong ví dụ này, màu xám phù hợp với màu xám trên hình nền.
  • url ('images / bg.gif') - đặt hình nền mà bạn muốn sử dụng.
  • lặp lại-y – đặt hình ảnh lặp lại trên trục y. Như vậy hình nền sẽ lặp lại từ trên xuống dưới của trang.
  • center - đặt hình ảnh ở giữa trang.

Đẹp và dễ dàng… một hình ảnh, một thẻ phong cách!

Douglas Karr

Douglas Karr là CMO của mởINSIGHTS và người sáng lập ra Martech Zone. Douglas đã giúp hàng chục công ty khởi nghiệp MarTech thành công, đã hỗ trợ thẩm định hơn 5 tỷ USD trong các thương vụ mua lại và đầu tư của Martech, đồng thời tiếp tục hỗ trợ các công ty triển khai và tự động hóa các chiến lược tiếp thị và bán hàng của họ. Douglas là một chuyên gia và diễn giả về chuyển đổi kỹ thuật số và MarTech được quốc tế công nhận. Douglas cũng là tác giả đã xuất bản sách hướng dẫn của Dummie và sách lãnh đạo doanh nghiệp.
Back to top
Đóng

Đã phát hiện ra khối quảng cáo

Martech Zone có thể cung cấp cho bạn nội dung này miễn phí vì chúng tôi kiếm tiền từ trang web của mình thông qua doanh thu quảng cáo, liên kết đơn vị liên kết và tài trợ. Chúng tôi sẽ đánh giá cao nếu bạn xóa trình chặn quảng cáo của mình khi bạn xem trang web của chúng tôi.