Hai Dạng Code CSS Theme Hai Mảnh Top _Button

Sắp tới 360 đóng cửa và số lương blogger chuyển qua mái nàh blog plus là khá đông .Và vì nhớ nhung căn nhà cũ của mình trước đây ,thiết kế nội thất bằng dạng theme hai mảnh .khi chuyển qua đây điều họ thắc mắc đầu tiên là code để làm theme hai mảnh .Mặc dù nhiều blogger đã viết code dạng theme hai mảnh này rồi .tôi cũng xin viết lại bài này cho đủ bộ và chỉnh sửa 1 số lỗi nhỏ cho dạng theme này .Với bài viết này tôi sẽ share hai dang theme top _button Lưu ý có hai dạng theme Top_Button bên dưới bạn dùng code nào thì hok dùng code thứ hai nhá

1_Dạng Thứ Nhất

Code theme top_button bao trùm toàn bộ module .Với dạng code này thì theme top_button chỉ bao trùm toàn bộ module thôi

code

body{background:#Mã_Màu;}
#doc2, #doc{background:#010000 url(Link Ảnh Trên ) no-repeat center top;}
#bd{background:transparent url(Link Ảnh Dưới ) no-repeat center bottom;}

Background:#Mã_Màu là phần màu rất quan trọng vì phần này là phần màu ở giữa hai theme .Vì vậy bạn nên chọn màu cho thật phù hợp với hai theme này

Như đã nói ở trên Vì đây chỉ là dạng theme top_button bào trùm toàn bộ module thôi nên ta cần phải thêm 1 thêm 1 theme nữa để bào trùm toàn bộ blog xung quanh theme này nữa

Có thể xem thêm ví dụ là blog của mình luôn

Code bao trùm bên ngoài:

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date,
body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list,
body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery
{background:#ma_mau url(Link Anh Nen) no-repeat fixed bottom;}

Code trên sẽ bao trùm thêm nền cho toàn blog đó bạn chỉ cần thay link ảnh vào thôi

Thuộc tính center để nó cân ở giữa,hoặc lặp lại theo chiều thẳng đứng repeat -y, hoặc No-repeat , repeat tuỳ theo thiết kế của bạn mà vận dụng hợp lý.

2_Dạng thứ hai :

Code theme top_button trùm toàn bộ blog Vừa rồi Akira có share theme dạng theme Top _Button nữa .Code Theme top _button này đã bào trùm toan bộ blog rồi nên bạn hok phải thêm gì nữa .Bên dưới mình xin đc mang code này về cho trọn bộ code theme Top_Button

Xem ví dụ

Còn đây là Code

html {background:#ma_mau url(Thay Link) repeat-x top;}

body.blog_my,

body.blog_my_index,

body.comment_listing,

body.trackback_listing,

body.blog_archives_folder,

body.blog_archives_date,

body.blog_archives_all,

body.post_rte,

body.post_doodle,

body.guestbook,

body.comment_list,

body.subscribe_list,

body.post_gb,

body.profile_view,

body.gallery,

body.photo_big,

body.slideshow,

body.photo_upload_pc,

body.photo_upload_gallery

{background:transparent url(Thay Link) bottom repeat-x;}

Với Phần Background:#mã _màu trên bạn cùng nên kiếm cho mình màu cho phù hợp với hai theme .Và nên chọn Hai theme Top_Button đồng màu .tránh bị đứt hình nhìn rất mất thẩm mỹ

Vậy là tôi đã Share xong hai dạng theme top_button rôi đấy .Bạn nào thích dùng code nào thì dùng .Với các blogger từ 360 chuyển qua bây h có thể yên tâm với căn nhà mới mà nội thât vẫn như xưa rồi nhá

Chúc các bạn vui vẻ .Thực Hiện Entry By

AKira And [™Khoctham_boy05™] ¶+KuHồn_CôĐơn+¶ +»(¯`v´¯)»+

Đề nghị ghi lại bản quyền hai tác giả

Nguồn : chúng tôi sưu tầm từ nhiều nguồn

Thiết kế web chuyên nghiệp giá rẻ

Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn