Trong bài trước mình đã hướng dẫn các bạn chia cái header làm 2 phần để tiện việc đặt quảng cáo. Tuy nhiên, khi vào mục bố cục để chỉnh sửa bạn sẽ thấy 1 cái trên và 1 cái dưới. Vậy chúng ta phải làm gì để có thể cho chúng hiển thị ngang hàng như trên trang chủ?
Câu trả lời là chúng ta cũng chỉ cần dùng 1 chút CSS mà thôi. Đặc biệt hơn là chúng ta chỉ việc thêm #layoutvà trước css của ID/Class mà chúng ta cần căn chỉnh.
Ví dụ: trong bài viết trước mình có tạo ra class là header-trai để hiển thị tên trang web trên trang chủ. thì giờ mình chỉ việc thêm #layout và trước .header-trai để căn chỉnh nó trong phần bố cục. Như vậy, ta sẽ được một cái mới là #layout .header-trai
Chúng ta hoàn toàn có thể thêm đoạn CSS này vào ngay trong phần CSS của thẻ <b:skin>. Tuy nhiên, như vậy hơi rườm ra cho việc viết CSS sau này. Mình khuyên các bạn nên thêm nó vào trong thẻ này, để dễ dàng hơn tron việc chỉnh sửa. Ta chèn đoạn này ngay dưới <b:skin> cho tiện nhé.
<b:template-skin><![CDATA[Nội dung CSS]]></b:template-skin>
Lưu ý: Thẻ b:template-skin chỉ hoạt động trên blogger v2. cho nên ta phải thêm b:version=’2′ class=’v2′ vào trong thẻ <html> nhé. Sẽ thành thế này <html b:version=’2′ class=’v2′ …
OK, bây giờ, chúng ta sẽ thử với hai class ta đã tạo ở bài viết trước nhé. Và đây là đoạn CSS của mình.
#layout .header-trai {width: 30%;#layout .header-phai {float: left; }float: right;width: 70%;}
Và kết quả sẽ được như hình dưới đây:
Với các phần khác cũng tương tự như vậy nhé!
Bạn cho mình hỏi:
ReplyDeleteMình có trang https://ban-nha-dat-hoc-mon.blogspot.com/
Ở phần dưới các tiêu đề mỗi post là một đoạn nội dung của post ấy, bây giờ mình không cho đoạn nội dung ấy ra ngoài mà thay vào đó là mình viết một đoạn nội dung khác thì sửa ở chỗ nào? Cảm ơn bạn?
Bài viết rất hay: Chúng tôi có các cơ sở in ấn tại các điểm sau :
ReplyDeletecác công ty in tại hà nội
công ty in catalogue tại hải dương
công ty in tại hà nội