Góc BLog

1.Muốn làm được như vậy bạn cần có 2 bộ
ảnh tâm trạng:
a,
Một ảnh nhỏ (được ghép lại từ 12 ảnh tâm trạng khác nhau) dành cho các
bài viết bình thường với kích thước 25x300.
b, Một ảnh lớn ( được ghép lại từ 12
ảnh tâm trạng khác nhau) dành cho bài viết được check Quan trọng với
kích thước gấp đôi ( 50x 600 ).
Sau đó bạn up ảnh lên Host để lấy link ( nếu chưa biết cách
upload bạn xem bài [You must be registered and logged in to see this link.] nhé ).
[You must be registered and logged in to see this link.]

#mod_lifeline .list td a.blog_emo_25_1{background:url(URL ảnh tâm
trang nhỏ) no-repeat 0 0;}
#mod_lifeline .list td
a.blog_emo_25_2{background:url(URL ảnh tâm trang nhỏ) no-repeat 0
-25px;}
#mod_lifeline .list td a.blog_emo_25_3{background:url(URL ảnh
tâm trang nhỏ) no-repeat 0 -50px;}
#mod_lifeline .list td
a.blog_emo_25_4{background:url(URL ảnh tâm trang nhỏ) no-repeat 0
-75px;}
#mod_lifeline .list td a.blog_emo_25_5{background:url(URL ảnh
tâm trang nhỏ) no-repeat 0 -100px;}
#mod_lifeline .list td
a.blog_emo_25_6{background:url(URL ảnh tâm trang nhỏ) no-repeat 0
-125px;}
#mod_lifeline .list td a.blog_emo_25_7{background:url(URL
ảnh tâm trang nhỏ) no-repeat 0 -150px;}
#mod_lifeline .list td
a.blog_emo_25_8{background:url(URL ảnh tâm trang nhỏ) no-repeat 0
-175px;}
#mod_lifeline .list td a.blog_emo_25_9{background:url(URL
ảnh tâm trang nhỏ) no-repeat 0 -200px;}
#mod_lifeline .list td
a.blog_emo_25_10{background:url(URL ảnh tâm trang nhỏ) no-repeat 0
-225px;}
#mod_lifeline .list td a.blog_emo_25_11{background:url(URL
ảnh tâm trang nhỏ) no-repeat 0 -250px;}
#mod_lifeline .list td
a.blog_emo_25_12{background:url(URL ảnh tâm trang nhỏ) no-repeat 0
-275px;}
#mod_lifeline .list td a.blog_emo_50_1{background:url(URL
ảnh tâm trang cỡ to) no-repeat 0 0;}
#mod_lifeline .list td
a.blog_emo_50_2{background:url(URL ảnh tâm trang cỡ to) no-repeat 0
-50px;}
#mod_lifeline .list td a.blog_emo_50_3{background:url(URL ảnh
tâm trang cỡ to) no-repeat 0 -100px;}
#mod_lifeline .list td
a.blog_emo_50_4{background:url(URL ảnh tâm trang cỡ to) no-repeat 0
-150px;}
#mod_lifeline .list td a.blog_emo_50_5{background:url(URL
ảnh tâm trang cỡ to) no-repeat 0 -200px;}
#mod_lifeline .list td
a.blog_emo_50_6{background:url(URL ảnh tâm trang cỡ to) no-repeat 0
-250px;}
#mod_lifeline .list td a.blog_emo_50_7{background:url(URL
ảnh tâm trang cỡ to) no-repeat 0 -300px;}
#mod_lifeline .list td
a.blog_emo_50_8{background:url(URL ảnh tâm trang cỡ to) no-repeat 0
-350px;}
#mod_lifeline .list td a.blog_emo_50_9{background:url(URL
ảnh tâm trang cỡ to) no-repeat 0 -400px;}
#mod_lifeline .list td
a.blog_emo_50_10{background:url(URL ảnh tâm trang cỡ to) no-repeat 0
-450px;}
#mod_lifeline .list td a.blog_emo_50_11{background:url(URL
ảnh tâm trang cỡ to) no-repeat 0 -500px;}
#mod_lifeline .list td
a.blog_emo_50_12{background:url(URL ảnh tâm trang cỡ to) no-repeat 0
-550px;}

.mod-alist-full .main-hd h1 em,
.mod-alist-titlebar-1 h2 a
em,
.mod-alist-titlebar h2 a em,
.mod-alist-brief table a em,
#myblog-article-compose
#mood
li em{background:transparent url(URL ảnh tâm trang nhỏ) no-repeat;}

[You must be registered and logged in to see this link.]
Bạn thay các Link ảnh ( URL ) đã
chuẩn bị ở phần 1 vào code trên nhé ( gồm link Icon ảnh nhỏ và ảnh lớn )
, sau đó bạn paste Code trên vào CSS ( nếu chưa biết sử dụng CSS bạn có
thể tham khảo bài [You must be registered and logged in to see this link.] nhé ).
Vậy là bạn có bộ Icon thể hiện tâm trạng theo cá
tính của mình rùi nhé

.
[You must be registered and logged in to see this link.]
Bạn có thể sử dụng một trong số những
bộ Icon mà mình sưu tầm sẵn dưới đây:
CSS thay đổi icon tâm trạng bài viết 28479033