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
Đề 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

Không có nhận xét nào

Một số lưu ý khi bình luận

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Để bình luận một đoạn code, hãy mã hóa code trước nhé!

» Cảm ơn bạn đã ghé thăm websitemika.com
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một góp ý !
» Vui lòng đăng những góp ý lịch sự và gõ tiếng Việt có dấu nếu có thể
HƯỚNG DẪN ĐĂNG THÔNG TIN GÓP Ý :
Bước 1 – Gõ nội dung bạn cần góp ý tới chúng tôi.
Bước 2 - Xử lý mục " Nhận xét với tư cách "
Cách 1 : - Chọn Tên/URL: Gõ tên và địa chỉ blog bạn vào.Nếu không có tài khoản, bạn vẫn có thể nhận xét bằng cách Chọn hồ sơ là Tên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống để cho chúng tôi biết bạn là ai. Bạn vui lòng gõ tiếng Việt có dấu để mọi người không hiểu nhầm so thành sờ, mo thành mò.
Cách 2 : - Chọn Ẩn danh.
Bước 3 - Xem trước: Tuỳ, Bạn là người cẩn thận cần xem lại nội dung Bạn đã gõ (rất cần nếu Bạn có nhập mã, để xem nó hiển thị có đúng không).
Bước 4 - Nên nháy chuột vào nội dung, bấm phím Ctrol + A rồi Ctrol + C nhằm copy nội dung - Đề phòng lỡ hệ thống đăng góp ý trục trặt hoặc mạng rớt, ta có thể Ctrol + V dán đăng lại góp ý để khỏi tốn thời gian!
Bước 5 – Lick vào Button : Đăng nhận xét . Vậy là xong,góp ý của các bạn sẽ được Admin kiểm duyệt và cho đăng trong vòng 12h.Cảm ơn các bạn đã góp ý !

GIỚI THIỆU ĐẾN QUÝ KHÁCH MỘT SỐ DỰ ÁN SẼ THỰC HIỆN TRONG NĂM 2018


DANH MỤC BÀI ĐĂNG - KHÁCH MUỐN XEM NỘI DUNG GÌ LICK VÀO TIÊU ĐỀ ẤY


WEBSITEMIKA - THƯƠNG HIỆU UY TÍN BỞI HƠN 300 DOANH NGHIỆP VÀ CÁC THƯƠNG HIỆU VỪA VÀ NHỎ LỰA CHỌN
Điểm giao dịch: Online 24h
-Email: Setup247@gmail.com - Website: https://thietkeweb.mikalaza.com