Theme vàng nâu với Code CSS chuẩn

Theme này được hoàn thành với sự cộng tác đặc biệt của VuNguyen'sBlog , đây là bộ theme sau khi đã nghiên cứu code CSS khá chuẩn,bạn nào không hiểu về CSS thì chỉ cần copy và patse vào phần CSS trong cấu hình Theme,bạn nào rành code thì có thể biên tập lại cho phù hợp với hình. (co0l.l0ve'sBlog) -Tất cả những theme suất hiện ở VuNguyen'sBlog cũng sẽ đồng thời suất hiện ở đây. :p

Hôm nay bộ theme code css cho plus thứ 3 tặng các bạn, theme trên Tông Mầu Vàng Nâu. Nếu các bạn nào có theme 360beta trên Tông Nền Vàng Nâu có thể kết hợp với code này để có 1 bộ theme ưng ý.

1. Hình theme:

Bộ theme này hình Top-Bottom là hình sưu tầm của 1 bộ theme, bộ theme này có đăng ở 360themes.com, ngoài ra còn có phần border của bộ theme này, các hình nền trong suốt, nút Go Hom do Vũ Nguyễn Blog design.




(Hình1: Theme chụp lại sau khi cài lên blog)

(Hình của Top theme - nguồn sưu tầm)

(Hình của Bottom theme - nguồn sưu tầm)

Lưu ý:

1. Đã nói rỏ nguồn gốc cấu tạo của cái theme cover từ theme 360beta này sang theme Plus Code CSS vì thế xin miễn khiếu nại vấn đề bản quyền hay khiếu nại là blog Vũ Nguyễn đạo theme vì không thay đổi bất kì điểm gì trên theme gốc, chỉ dùng lại và cover sang theme Plus.

2. Hướng dẫn cài đặt theme:

Bước 1: Copy toàn bộ phần code theme này tạm vào word hoặc notepad và save file lại.

Bước 2: Vào menu "Thiết Kế" chọn công cụ "Theme" và chọn phần "Tự Chỉnh Sửa Theme".

Bước 3: Kéo xuống phần ô nội dung CSS copy tất cả những code CSS đã cài trước đó ra word hoặc notepab và save lại.

Bước 4: Copy phần code theme CSS này dán vào ô CSS.

Bước 5: Lưu lại.

Bước 6: Các vào menu "Thiết Kế" không chọn công cụ nào, xuống phần module Bài Viết nhấn vào nút Sửa.

Bước 7: Chỉnh lại màu link, màu chữ cho phù hợp sau đó kéo thanh Trong Suốt về giữa số 0 và số 100 rồi lưu lại.

Bước 8: Vào menu "Thiết Kế" chọn công cụ "Theme" chọn phần Tự Chỉnh Sửa Theme.

Bước 9: Tại phần tự chỉnh sửa theme

* Tại khu vực Toàn bài viết: chỉnh lại màu link, màu chữ cho phù hợp.

* Tại khu vực Module Chính: dòng 2 và dòng 4 bỏ trống, dòng 1 và dòng 3 chỉnh màu cho phù hợp.

* Tại khu vực Module Phụ: làm tương tự như khu vực module chính.

Bước 10: Lưu lại và hoàn tất việc cài theme.

Lưu ý:

1. Các đoạn code CSS trước đây copy ra ngoài và xóa khỏi phần nội dung CSS để tránh gây tác dụng làm vô hiệu một số code của CSS trong theme này.

2. Nếu các bạn nào có kiến thức về code CSS thì đối chiếu với code theme này đoạn code CSS nào trước đây còn phù hợp thì cài vào sử dụng.

3. Các bạn nào không rành code CSS xin đừng tự ý cài thêm code CSS đã có trước đây vào sẽ làm rối thêm và theme cài vào không đúng kết quả. Những đoạn code CSS trước đây các bạn không biết cái nào có dùng lại được không đề nghị nên đến Vũ Nguyễn Blog hoặc co0l.l0ve'sblog để comment lại đoạn code đấy để có hướng dẫn. Không thì hiện tại trên cộng đồng plus có nhiều blog rành về code CSS các bạn có thể hỏi không nên tự tiện cho thêm vào nếu mình không biết rỏ.



3. Code theme:

/* Theme Top-Bottom Cho Plus Duoc Recover Boi Vu Nguyen Blog "http://vn.myblog.yahoo.com/vunguyen-blog" PR by co0l.l0ve'sblog )*/

/* Khu Vuc Nen Ngoai Code CSS*/
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:#b07b18 ;}
/* mau nen va link hinh co the thay doi duoc nhung phai hop tong mau voi nhau, co the bo khong dung phan "url(xxxxx) repeat", co the thay the che do "repeat" thanh "fixed" */
/* Ket Thuc Khu Vuc Nen Ngoai Code SSS*/

/* Khu Vuc Top-Bottom Theme Code CSS*/
body{background:#e2d4a3;}
/* mau nen cua theme thay doi theo dung mau da thiet ke se lam tang tinh my thuat cho theme */

#doc2, #doc{background:#e2d4a3 url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/top-vang-nau.jpg) no-repeat center top;}
/* mau nen cua theme va link hinh top-theme nay thay doi duoc*/

#bd{background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/bot-vang-nau.jpg) no-repeat center bottom;}
/* mau nen cua theme va link hinh bottom-theme nay thay doi duoc*/
/* Luu y: mau nen cua 2 hang tren phai dong nhat mot ma mau voi nhau theo mau nen cua code theme */
/* Ket Thuc Khu Vuc Top-Bottom Theme Code CSS*/

/* Thay Hinh Nen Thanh Tieu De Cho Cac Module*/
#photo_highlight .rc_bd .rc_bc .hd, .hd .titlebar .hd, #mod_lifeline .rc_bd .rc_bc .hd, .hd .titlebar .hd, #article_list_module .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#mod_bookmark .rc_bd .rc_bc .hd, .hd .titlebar .hd, #article_new .rc_bd .rc_bc .hd, .hd .titlebar .hd, #folder .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#search_module .rc_bd .rc_bc .hd, .hd .titlebar .hd, #calendar .rc_bd .rc_bc .hd, .hd .titlebar .hd, #update_date .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#comment_new .rc_bd .rc_bc .hd, .hd .titlebar .hd, #subscribe_highlight .rc_bd .rc_bc .hd, .hd .titlebar .hd, #statistic .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10001 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10002 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10003 .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10004 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10005 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10006 .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10007 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10008 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10009 .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10010 .rc_bd .rc_bc .hd, .hd .titlebar .hd,#friendlist_module .hd .titlebar
{background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/vang-nau-do-td.png) repeat-x left top;}
/* link hinh nen thanh tieu de cac module nay co the thay doi */
/* Ket Thuc*/

/* Mau Chu Cho Tieu De Mot So Module*/
h2, .hd .titlebar .hd, .hd .titlebar .hd h2, .hd .titlebar .hd h2 a, .mod-alist-searchbox form strong, a, a:visited, #blog_title .bd h2, #blog_title .hd p, .mod-alist-searchbox{color:#fe0303} /* mau chu nay co the thay doi cho phu hop voi theme*/
/* Ket Thuc*/

/* Lam Trong Suot Nen Module Ten Blog va Module Blast */
#blog_title .bd, #blast .rc_bc .bd{background-color:transparent;background-image:url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rce-vang.png);} /* link hinh nen cua blast nay co the thay doi*/
.rc div, .rc, .rc_bd, .rc_bd div.rc_bc, .rc_ft div, .rc_ft {background:transparent no-repeat left top;}
#blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;}
/* Ket Thuc*/

/* Module Ten Blog */
/* Tuy theo chieu cao cua hinh banner ma thay doi do cao nay cho phu hop, tru truong hop khong cai banner vao module nay thi khong can thay doi*/
#blog_title .bd h2{font-weight:bold;font-size:150%;}
#blog_title .rc_bc .bd{text-align:center;} /*Canh le phai (right), canh giua (center), canh le trai (left) */
/* Ket Thuc*/



/* Border Cac Module */
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rcne-vang.png) no-repeat right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rcnw-vang.png) no-repeat left bottom;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rce-vang.png) repeat-y right top;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rcwe-vang.png) repeat-y ;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rcse-vang.png) no-repeat right top;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rcsw-vang.png) no-repeat left top;}

/* Border cua Blast trong suot*/
#blast .rc_ft {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/blastsw-vang.png) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/blastse-vang.png) no-repeat right bottom;}
/* Ket Thuc*/

/* Hinh Nen Trong Suot Cho Cac Module */
.col-150 .rc_bd .rc_bc .bd {background-color:transparent;background-image:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/NhomVang/BGvang.png);} /* link hinh nen trong suot nay co the thay doi*/
.mod-alist-full .main-bd {background-color:transparent;background-image:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/trong-suot.png);} /* link hinh nen trong suot nay co the thay doi*/
/* Ket Thuc*/


/* Chu Dam Va Canh Le Tieu De Cac Module */
.blog_titlebar .hd p{font-weight:bold;}
.hd .titlebar .hd h2{text-align:Center;}
/* Ket Thuc*/

/* Cac Doan Code CSS Trang Tri Khac Neu Co */
/* Noi Dung Cac Phan Code CSS Khac */
/* Nut Homepage*/
div.backhomtbtn a.backtomyblog { background: url( https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/gohom-02.png) no-repeat; }
/* Ket Thuc*/
#blast .rc_bc .bd a {font-weight:bold;font-style:italic;color:#f90c06;}
/* Ket Thuc*/

/* Ban Quyen Thuoc Ve Vu Nguyen Blog -x*x- De Nghi Ton Trong Ban Quyen */

4. Một số lưu ý khi sử dụng hoặc muốn thay đổi code theme này:

4.1. Các phần được tô chữ màu hồng, các bạn có thể cài lại thông số hình ảnh và màu cho phù hợp với hình các bạn cài vào.

Ví dụ: các bạn có thể dùng lại theme top-bottom của các bạn ở 360beta, các bạn save lại hình top va bottom của theme ở 360 beta, sau đó upload lên tài khoản www.photobucket.com hoặc 1 host free image nào đó các bạn đang sử dụng. Sau khi up hình lên các bạn copy link cua top va bottom thay vào.

Hiện tại code theme này chỉ phù hợp cho tất cả các theme có tông nền màu Đen, các bạn thích các tông màu nền khác xin chờ vài hôm nhé.

4.2. Các phần tô màu Xanh, các bạn không nên thay đổi, nếu muốn thay đổi xin liên hệ để được hướng dẫn cách làm. Các bạn nào có khả năng sử dụng phần mềm photoshop và biết thiết kế muốn tự chỉnh sửa code theme này theo tông màu mình thích xin để lại comment câu hỏi chi tiết để mình có comment trả lời cụ thể.