Để tiện cho việc design, Cherries đã nhận được một bài viết từ Du Lin về các mã CSS giúp hỗ trợ các bạn thiết kế một theme như ý.
Vì có nhiều mã nên ở đây chỉ nêu ra tên và giải thích thôi chứ không có hình ảnh nhiều, nếu có gì chưa hiểu bạn cứ comment ờ phía dưới nhé!
#widget-externalSource : Nguồn bên ngoài(module tự tạo)
#widget-followingList : Danh sách bạn bè
#article-bottom-nav: Khung cuối bài viết
#article-top-nav: khung tâm trạng trên 1 entry( mở 1 entry ra sẽ thấy phần này trên đầu trang)
#emotion-carousel: widget tâm trạng khi ở dạng danh sách bài viết.
#a:hover :Hiệu ứng link toàn blog
#ft, ft p, ft li .divider : Bản quyền cuối blog
#article-listing .article-listing-h: ảnh phía trên khung widget tâm trạng
#body: Toàn blog
#article-single .article .title: Tiêu đề bài viết khi mở 1 bài viết
#article-list .article .title: Tiêu đề bài viết dạng danh sách
#asb-nav-search, asb-uh, asb-nav: Nóc nhà
#asb-header: Banner
#w-profile-card: Hồ sơ
#w-profile-card .profile .ico: icon cho nút hồ sơ
.yui-b .sidebar: Toàn bộ mô đun hẹp (dùng thay nền)
#article-listing-toggle .ico: icon cho 3 nút bấm menu
#comment-list .comment-item: Nội dung chi tiết khách comment (dùng trong code ngăn dòng comment)
html: Nền blog
#pagination-bottom: Khung cuối bài viết dạng danh sách(khung bài kế tiếp, bài trước đó)
#article-listing .article: mã code dùng ngăn dòng bài viết dạng danh sách
#w-profile-name: Nút home
#w-profile-card .status: khung status
.emoticon: icon trong khung comment
#comment-list .comment-reply: Trả lời khách commment
.comment-content: Khách comment (chỉnh font chữ, thay ảnh, hiệu ứng)
#article-single .article-ft: Chữ ký ảnh
#widget-searchbox : module tìm kiếm trong blog
#hd : banner
#bd : giữa
#asb-nav-update: update trên menu bar
#asb-nav-search button : icon tìm kiếm
#asb-nav-search input : ô nhập nội dung tìm kiếm
#asb-nav-logo : Logo yahoo trên menu bar
#asb-nav-mail : Mail trên menu bar
#asb-nav-yahoo: chữ Yahoo!Việt Nam trên menu bar
#asb-nav-help: Help trên menu bar
#asb-nav-search span.search-secondary : tìm kiếm trên menu bar
#asb-nav li : Web trên menu bar
#widget-rss .ico : icon RSS
.yut-pg-container .pg-next .ico : icon Next
.yut-pg-container .pg-next: khung chứa icon Next
.yut-pg-container .pg-previous .ico : icon Previous
.yut-pg-container .pg-previous: khung chứa icon Previous
#article-single .comment-count : đếm số bình luận
.sidebar : cột nhỏ ( chứa các module bài mới, profile, nhóm,....)
.widget : module mới thêm
#comment-list : khung comment
#comment-textarea : khung bên trong để viết comment(viết lời comment trong đấy)
#comment-form : khung bên ngoài để viết comment ( chứa khung viết comment, icon yahoo, nút gửi,...)
#comment-form .fields .yut-btn : nút gửi lời comment
#comment-list .vcard : avatar người comment và người reply comment
#article-listing .article : ngăn dòng bài viết
#w-profile-img-root: hình avatar
#article-list .article .bd : nền bài viết
#widget-recentPost li time : hiển thị thời gian bài viết
#article-supplement : Nội dung comment
**********************************************************************************************
Mong các bạn góp ý để mình chỉnh sửa lại cho đúng
nhé. Mình sẽ tiếp tục update thêm khi nhớ lại các thẻ chưa có các bạn theo dõi
để cập nhật nhé.
Bạn nào thấy trong này còn thiếu thẻ gì thì cho mình biết để mình bổ sung.
Nguồn: Du Lin
Have fun ^^
