Thay đổi icon module Tâm Trạng (update)

Code CSS

Ý nghĩa

Ảnh minh họa

#mod_lifeline .rc{background:transparent!important;}

làm trong suốt viền bên trái phía trên

http://sg.yimg.com/i/

vn/blog/i/blog/rc_nw.gif

#mod_lifeline .rc{background:url(link ảnh)!important;}

thay ảnh viền bên trái phía trên

http://sg.yimg.com/i/v

n/blog/i/blog/rc_nw.gif

#mod_lifeline .rc_ft{background:transparent!important;}

làm trong suốt viền bên trái phía dưới

http://sg.yimg.

com/i/vn/blog

/i/blog/rc_e.gif

#mod_lifeline .rc_ft{background:url(link ảnh)!important;}

thay ảnh viền bên trái phía dưới

http://sg.yimg.

com/i/vn/blog

/i/blog/rc_e.gif

#mod_lifeline .rc div{background:transparent!important;}

làm trong suốt viền bên trên

http://sg.yimg.

com/i/vn/blog/i

/blog/rc_ne.gif

#mod_lifeline .rc div{background:url(link ảnh)!important;}

thay ảnh viền bên trên

http://sg.yimg.

com/i/vn/blog/i

/blog/rc_ne.gif

#mod_lifeline .rc_ft div{background:transparent!important;}

làm trong suốt viền bên dưới

http://sg.yimg.

com/i/vn/blog/i

/blog/rc_ne.gif

#mod_lifeline .rc_ft div{background:url(link ảnh)!important;}

thay ảnh viền bên dưới

http://sg.yimg.

com/i/vn/blog/i

/blog/rc_ne.gif

#mod_lifeline .rc_bd{background:transparent!important;}

làm trong suốt viền cạnh trái

http://sg.yimg

.com/i/vn/blog/

i/blog/rc_e.gif

#mod_lifeline .rc_bd{background:url(link ảnh)!important;}

thay ảnh viền cạnh trái

http://sg.yimg

.com/i/vn/blog/

i/blog/rc_e.gif

#mod_lifeline .rc_bc{background:transparent!important;}

làm trong suốt viền cạnh phải

http://sg.yimg

.com/i/vn/blog/

i/blog/rc_e.gif

#mod_lifeline .rc_bc{background:url(link ảnh)!important;}

thay ảnh viền cạnh phải

http://sg.yimg

.com/i/vn/blog/

i/blog/rc_e.gif

#mod_lifeline .hd{background:transparent!important;height:0px;}

làm mất nền tiêu đề

#mod_lifeline .hd{background:url(link ảnh)!important;height:chiều cao ảnhpx;}

thay nền tiêu đề bằng ảnh

#mod_lifeline .hd{background-color:mã màu !important;}

đổi màu nền tiêu đề

#mod_lifeline .bd{background:transparent!important;}

làm trong suốt nền phần thân (chứa icon tâm trạng)

#mod_lifeline .bd{background:url(link ảnh)!important;}

thay ảnh phần thân (chứa icon tâm trạng)

#mod_lifeline .bd{background-color:mã màu!important;}

đổi màu nền phần thân (chứa icon tâm trạng)

#mod_lifeline .lifeline-pre{background:url(link ảnh);}
 

thay ảnh mũi tên lùi được, ảnh cỡ 21*21px

http://sg.yimg.com/

i/vn/blog/i/blog/mod-lifeline-prev1.gif

#mod_lifeline .lifeline-next{background:url(link ảnh);}
 

thay ảnh mũi tên tiến được, ảnh cỡ 21*21px

http://sg.yimg.com/

i/vn/blog/i/blog/mod-lifeline-next1.gif

#mod_lifeline .lifeline-prev-off{background:url(link ảnh);}
 

thay ảnh mũi tên không lùi được, ảnh cỡ 21*21px

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-prev-off1.gif

#mod_lifeline .lifeline-next-off{background:url(link ảnh);}

thay ảnh mũi tên không tiến được, ảnh cỡ 21*21px

http://sg.yimg.com/i

/vn/blog/i/blog/mod-lifeline-next-off1.gif

#mod_lifeline .lifeline-prev-loading{background:url(link ảnh);}

thay ảnh mũi tên khi load lùi, ảnh cỡ 21*21px

http://sg.yimg.com

/i/vn/blog/i/auc/rotate.gif

#mod_lifeline .lifeline-next-loading{background:url(link ảnh);}

thay ảnh mũi tên khi load tiến, ảnh cỡ 21*21px

http://sg.yimg.com/i

/vn/blog/i/auc/rotate.gif

#mod_lifeline .list td a.blog_emo_25_1{background:url(link ảnh);}

thay ảnh icon hớn hở nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_2{background:url(link ảnh);}

thay ảnh icon ngạc nhiên nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_3{background:url(link ảnh);}

thay ảnh icon hài lòng nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_4{background:url(link ảnh);}

thay ảnh icon buồn lắm nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_5{background:url(link ảnh);}

thay ảnh icon cô đơn nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_6{background:url(link ảnh);}

thay ảnh icon giả nai nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_7{background:url(link ảnh);}

thay ảnh icon bệnh nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_8{background:url(link ảnh);}

thay ảnh icon vui vẻ nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_9{background:url(link ảnh);}

thay ảnh icon khoái chí nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_10{background:url(link ảnh);}

thay ảnh icon mệt mỏi nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_11{background:url(link ảnh);}

thay ảnh icon thất vọng nhỏ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_25_12{background:url(link ảnh);}

thay ảnh icon giận giữ, ảnh cỡ 25*25px

http://sg.yimg.c

om/i/vn/blog/i/blog/mod-lifeline-emo-25.gif

#mod_lifeline .list td a.blog_emo_50_1{background:url(link ảnh);}

thay ảnh icon hớn hở lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_2{background:url(link ảnh);}

thay ảnh icon ngạc nhiên lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_3{background:url(link ảnh);}

thay ảnh icon hài lòng lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_4{background:url(link ảnh);}

thay ảnh icon buồn lắm lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_5{background:url(link ảnh);}

thay ảnh icon cô đơn lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_6{background:url(link ảnh);}

thay ảnh icon giả nai lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_7{background:url(link ảnh);}

thay ảnh icon bệnh lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_8{background:url(link ảnh);}

thay ảnh icon vui vẻ lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_9{background:url(link ảnh);}

thay ảnh icon hài lòng lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_10{background:url(link ảnh);}

thay ảnh icon mệt mỏi lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_11{background:url(link ảnh);}

thay ảnh icon thất vọng lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .list td a.blog_emo_50_12{background:url(link ảnh);}

thay ảnh icon giận giữ lớn, ảnh cỡ 50*50px cho những bài quan trọng

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-emo-50.gif

#mod_lifeline .pop-msg .rc{background:url(link ảnh);}
 

thay viền góc trái phía trên khung nội dung khi di chuột trên icon

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-msg-nw.gif

#mod_lifeline .pop-msg .rc{background:transparent;}

làm trong suốt viền góc trái phía trên khung nội dung khi di chuột trên icon

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-msg-nw.gif

#mod_lifeline .pop-msg .rc div{height:chiều caopx !important;background:url(link ảnh);}

thay ảnh viền bên trên khung nội dung khi di chuột trên icon, chiều cao mặc định 9px

http://sg.yimg.co

m/i/vn/blog/i/blog/mod-lifeline-msg-ne.gif

#mod_lifeline .pop-msg .rc div{height:chiều caopx !important;background:transparent;}

làm trong suốt viền bên trên khung nội dung khi di chuột trên icon, chiều cao mặc định 9px

http://sg.yimg.co

m/i/vn/blog/i/blog/mod-lifeline-msg-ne.gif

#mod_lifeline .pop-msg .rc_bd{border-left:1px solid mã màu;border-right:3px solid mã màu;}

thay màu viền bên trái khung nội dung khi di chuột trên icon

#mod_lifeline .pop-msg .rc_bc{;background:mã màu;border-right:1px solid mã màu;}

thay màu viền bên phải khung nội dung khi di chuột trên icon

#mod_lifeline .pop-msg .rc_ft{background:url(link ảnh);}
 

thay ảnh viền góc bên trái phía dưới khung nội dung khi di chuột trên icon

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-msg-sw.gif

#mod_lifeline .pop-msg .rc_ft{background:transparent;}

làm trong suốt ảnh viền góc bên trái phía dưới khung nội dung khi di chuột trên icon

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-msg-sw.gif

#mod_lifeline .pop-msg .rc_ft div{height:chiều caopx !important;background:url(link ảnh);}

thay ảnh viền bên dưới khung nội dung khi di chuột trên icon, chiều cao mặc định 10px

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-msg-se.gif

#mod_lifeline .pop-msg .rc_ft div{height:chiều caopx !important;background:transparent;}

làm trong suốt viền bên dưới khung nội dung khi di chuột trên icon, chiều cao mặc định 10px

http://sg.yimg.com

/i/vn/blog/i/blog/mod-lifeline-msg-se.gif

#mod_lifeline .pop-msg .content h4{text-decoration:blink;}
 

định dạng tiêu đề chữ trong khung nội dung, ở đây bạn tự thay nha Knight chỉ lấy ví dụ minh họa thui, để xem thêm về định dạng kiểu chữ các bạn đợi mình viết thêm bài nha

#mod_lifeline h2{text-decoration:blink;}

định dạng tiêu đề chữ của modun tâm trạng, ở đây bạn tự thay nha Knight chỉ lấy ví dụ minh họa thui, để xem thêm về định dạng kiểu chữ các bạn đợi mình viết thêm bài nha