Kênh tin tức giải trí, thư giãn | A 1 0 C B Q . U s . T o
Webcome to forum A10 - Thế Giới Của Bạn

Hãy đăng ký nha....!!!

Trang ChínhTrang Chính  CalendarCalendar  GalleryGallery  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Thành viênThành viên  NhómNhóm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  

Top posters
Cass.NCT.DBSK:Fam.Shi (204)
 
anhbinhdn (23)
 
Pro_Vn_1992 (11)
 
tuquynh (7)
 
a10cbq (2)
 
Machine.TuấnChép19x4 (2)
 
trần anh (1)
 
come_fly_with_me (1)
 
gianggiangonline (1)
 
quibao_cbq1301 (1)
 
Bài gửi sau cùng
Bài gửiNgười gửiThời gian
[�] MasterModz 6090 Auto-Perfect-NVTT-Chống Dis Full Fix Mon Feb 14, 2011 6:30 pm
[�] KModz 6090 update bug diem + Auto + Perfect + Chong Dis Mon Feb 14, 2011 6:29 pm
[�] Hack Del Mọi Phiên Bản By VCF Mon Feb 14, 2011 6:28 pm
[�] Hướng dẫn chi tiết cách Up Level và Up tim 31 ^_^! Mon Feb 14, 2011 6:28 pm
[�] MasterStory 6090 Đẳng Cấp NVTT update 5/2 chẳng kém Training tool Mon Feb 14, 2011 6:27 pm
[�] VnAudition 1.1.7 [6090+] Mon Feb 14, 2011 6:26 pm
[�] hack đào xinh + nói bạy + 0s nvtt 6090 Mon Feb 14, 2011 6:26 pm
[�] Tự sướng đồ Vip trong Audition mọi phiên bãng cật nhật ngày 9 10 11 / 2 /2011 Mon Feb 14, 2011 6:24 pm

Share | 

 

 Code cho themes trong yahoo plus toàn tập

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Thu Jul 15, 2010 6:54 am

avatar
Cass.NCT.DBSK:Fam.Shi

Xem lý lịch thành viên http://a10cbq.us.to
Nam
Taurus
Chinese zodiac : Dog
Tổng số bài gửi : 204
Points : 588
Reputation : 0
Ngày Tháng SInh : 23/04/1994
Join date : 01/06/2010
Age : 23
Đến từ : Hà Nội
Lớp : 11A10

Bài gửiTiêu đề: Code cho themes trong yahoo plus toàn tập

 
Themes cho blog của bạn bao gồm themes cho toàn blog, themes cho từng module, themes cho tiêu đề ... và nó như khuôn mặt của blog, đóng góp rất lớn cho vẻ đẹp của blog, vì thế, đừng quên mà chăm sóc cho sắc đẹp quá mình.
Sau đây là một số code tạo themes blog tiểu biểu và thông dụng nhất
I. Themes cho toàn trang
Là themes cho toàn bộ trang màn hình blog của bạn, có thể dùng ảnh động hoặc ảnh kích cỡ nhỏ để rp, tùy theo các sáng tạo của bạn, hoặc là một hình lớn, bao trùm cả blog
Code:
BODY.blog_my {BACKGROUND:url(Link ảnh) #mã màu fixed;}
Fixed là để themes đứng yên, không bị cuốn theo khi các bạn di chuyển, bỏ đi hay không là tùy các bạn, hoặc là thay bằng repeat để lặp lại hình (do một số blogger nói), nhưng mình thấy không cần thiết vì nếu hình ảnh của bạn bé hơn độ phân giải bạn đang dùng nó sẽ tự repeat
II. Themes gồm top và bottom
Themes này có thể được bổ trợ cùng với themes trên, vì nó chỉ dùng cho khoảng cách xa nhất giữa phần đầu cột module bên trái sang đầu kia của cột module bên phải của bạn
Code cho phần top
#head {background:transparent url(link ảnh) no-repeat center top;height:Apx;}
Code cho phần bottom
#bd {background:transparent url(link ảnh) no-repeat center bottom;}
III. Themes cho các module
Ở phần này, các bạn có thể lựa chọn giữa 2 cách làm là chèn themes cho module hoặc là thiết kế module theo ý bạn
1. Chèn themes cho module:
Ảnh nền cho module bài mới
Code: #article_new .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}
Ảnh nền cho module profiles (nick name)
#profile_highlight .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}
Ảnh nền cho module tìm kiếm
Code: #search_module .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}
Ảnh nền cho module cập nhật ngày
#update_date .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}
Ảnh nền cho module friendlist
Code nền tiêu đề: #friendlist_module .rc_bd .rc_bc .hd .titlebar .hd{background:transparent url(Link Ảnh);}
Code nền module: #friendlist_module .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}
Ảnh nền cho bảng tin nhắn
Code: BODY.guestbook {BACKGROUND:url(link ảnh) #000000 fixed;}
Ảnh nền cho module thống kê
Code: #statistic .bd {background:#FFFFFF url(link ảnh );}
Ảnh nền cho module comment
Code: #comment_new .bd {background:#FFFFFF url(link ảnh);}
Ảnh nền cho module thư mục riêng
Code: #folder .bd {background:#FFFFFF url(link ảnh);}
Ảnh nền cho module lịch
Code: #calendar .bd {background:#FFFFFF url(link ảnh);}
Ảnh nền cho trang profiles
Code: BODY.profile_view {BACKGROUND:url (link ảnh) #000000 fixed;}
Ảnh nền cho blog yêu thích
Code: #subscribe_highlight .bd {background:#FFFFFF url(link ảnh);}
Ảnh nền cho các module tự tạo
Code: #user_mod_1000X .bd {background:#FFFFFF url(link ảnh);}
X: là số thứ tự của module
2. Thiết kế module
Các cách thiết kế thông dụng là chia thành 3 hoặc 4 phần
Sau đây mình sẽ hướng dẫn các bạn sử dụng code chia thành 3 phần
Phần trên
Phần giữa
Phần cuối
Code cho phần trên
.col-150 .rc,
#article_new .rc ,
#search_module .rc ,
#calendar .rc,
#folder .rc ,
#update_date .rc,
#statistic .rc ,
#friendlist_module .rc ,
#comment_new .rc ,
#subscribe_highlight .rc ,
#user_mod_10001 .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
Code cho phần giữa
.col-150 .rc_bd,
#friendlist_module .rc_bd ,
#statistic .rc_bd,
#update_date .rc_bd ,
#folder .rc_bd ,
#calendar .rc_bd ,
#search_module .rc_bd ,
#article_new .rc_bd ,
#subscribe_highlight .rc_bd ,
#comment_new .rc_bd {background:transparent url(Link Hình) repeat-y top center;}
Code cho phần cuối
.col-150 .rc_ft,
#friendlist_module .rc_ft ,
#statistic .rc_ft,
#update_date .rc_ft ,
#folder .rc_ft ,
#calendar .rc_ft ,
#search_module .rc_ft ,
#article_new .rc_ft ,
#subscribe_highlight .rc_ft ,
#comment_new .rc_ft {background:transparent url(Link Hình) no-repeat center top;height:17px;}
IV. Themes cho footer của blog
Chú ý: Phần này là phần nâng cao, ai thích đọc thì cứ đọc
Có lẽ sẽ có nhiều bạn hỏi footer là cái gì ?
Trả lời rằng footer là cái hình dưới cùng của mỗi blog và ko có nhiều người để ý đến nó
Đây là hình minh họa
Đoạn Code sau sẽ làm ẩn đi các đường link + dòng chữ bản quyền, cái này không cần thiết lắm
Code:
#footer .ft .provider p, #footer .ft .info p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p, #footer .ft .provider h4, #footer a, .rights, #footer {font-size:0px;color:transparent;}
Còn đây là code để chèn background cho footer
Code:
#footer{background:transparent url(Link hình) no-repeat center;border-top:0px;height:Apx;}
A: chiều cao của background
Bạn thay “Link” bằng link ảnh background mà bạn muốn thay…..
Hình minh họa một số footer đẹp:
V. Ảnh nền cho module chính phụ
Phần này cũng là nền cho các module chính phụ nhưng là code đã rút ngắn, thuận tiện cho những ai làm nền cho module chính phụ bằng một hình ảnh giống nhau
Code cho module chính:
.col-600 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh);}
Code cho module phụ:
.col-150 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh);}
Code cho nền tiêu đề module chính:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent url(Link ảnh);}
Code cho nền tiêu đề module phụ:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent url(Link ảnh);}
VI. Ảnh nền cho module tự tạo
Với module tự tạo, bạn có thể up ảnh trực tiếp vào module đó, hoặc sử dụng code sau:
Code cho nền tiêu đề:
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd,#user_mod_1000X.rc_bd .rc_bc .hd .titlebar{background:transparent;}
Code cho nền module:
#user_mod_1000X .rc_bd .rc_bc .bd {background:transparent;}
X: Các bạn thay bằng số thứ tự của các module đó


_______________________
Con đường đi đến vinh quang không có dấu chân của kẻ lười biếng!

Vì những kẻ lười biếng đi toàn xe hơi không à...


 

Code cho themes trong yahoo plus toàn tập

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

Link Exchange: HOABINHTODAY.VN|VAOLATHICH.COM|HAGIANGVUI.ORG|BANTOT.NET|Bạn Muốn Đặt Liên Kết? [CLICK]
RSS RSS 2.0 XML MAP
ChipLove's Family
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create a blog