Thư mục: thủ thuật blog |
Quan trọng
Đăng ngày: 21:28 20-11-2009
các bạn copy đoạn code nay và dán link vào là ok luôn
/*Modun bình luận mới nhất*/
#comment_new .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh);}
/*Modun bạn bè*/
#friendlist_module .rc_bd .rc_bc .bd ul li:hover{background:transparent url(Link ảnh);}
/*Thư mục*/
#folder .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh );}
/*Bài viết mới nhất*/
#article_new .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh );}
/*Ảnh biểu diễn cho .mod-relatives, và đây là code*/
.mod-relatives .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh);}
/* cho modun Bài viết*/
.mod-alist-summary .main-bd li:hover{background:url(link ảnh);}
/* cho comment*/
#comment_container li:hover {background:url(link ảnh);}
hiệu ứng cho module thống kê
statistic .rc_bd .rc_bc .bd ul li:hover{background:transparent url(LINK ẢNH);}
thêm viền cho mỗi avatar
Code:
#friendlist_module .rc_bd .rc_bc .hd{height:auto;}
#friendlist_module .rc_bd .rc_bc .bd ul li{border-top:2px dotted #fff;border-right:2px dotted #fff;border-left:2px dotted #fff;}
#friendlist_module .rc_bd .rc_bc .bd ul li:hover{border-top:2px dotted #000;border-right:2px dotted #000;border-left:2px dotted #000;}
Chú ý :
• #fff là mã màu trắng, #000 là màu đen, các bạn có thể thay đổi cho phù hợp với theme của mình nhé .
• #friendlist_module .rc_bd .rc_bc .bd ul li là thuộc tính của viền lúc ban đầu
• #friendlist_module .rc_bd .rc_bc .bd ul li:hover là thuộc tính của viền khi rê chuột vào.
thêm ảnh nền cho các avatar
Code:
#friendlist_module .rc_bd .rc_bc .hd{height:auto;}
#friendlist_module .rc_bd .rc_bc .bd ul li{background:transparent url(Link ảnh nền);}
#friendlist_module .rc_bd .rc_bc .bd ul li:hover{background:transparent url(Link ảnh nền);}
Có thể sử dụng 2 ảnh nền khác nhau:
• Link màu xanh là ảnh ban đầu
• Link màu đỏ là ảnh xuất hiện khi rê chuột vào.
hiệu ứng cho module hình ảnh trong blog
code
#photo_highlight .rc_bd .rc_bc .hd{height:auto;}
#photo_highlight .rc_bd .rc_bc .bd tr td:hover{background:url(link ảnh);}
hiệu ứng cho midule hồ sơ blog
#profile_card .rc_bd .rc_bc .hd{height:auto;}
#profile_card .rc_bd .rc_bc .bd dl :hover{background:url(Link ảnh);}
Kiểu hiển thị bài đầu :
.comment-more li:hover{background:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2008/12/15/06/61291229298765.png );}
Kiểu hiển thị tóm tắt :
.main-bd li:hover{background:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2008/12/15/06/61291229298765.png );}
Kiểu hiển thị tựa bài :
.main-bd tr:hover{background:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2008/12/15/06/61291229298765.png );}
chú ý : tạo nền cho một mudule chỉ có tác dụng khi bạn chưa sử dụng code làm trong suốt : ví dụ thế này nếu bạn đã sử dụng code làm trong suốt nền cho bảng thống kê bây lại tiếp tục sử dụng code tạo nền cho bảng thống kê thì phần code tạo nền sẽ không có tác dụng ....
