Top posters
Mr.Cuong_t4 (368)
 
Red_knight (334)
 
♥Thắng.piG♥ (271)
 
o0o_trang_hyn_o0o (208)
 
•Sally•Nguyễn• (168)
 
♥Susu♥ (155)
 
star_92 (128)
 
_*lovesick*_ (95)
 
vinhkey_bg (74)
 
---».M®.ßüỒñ.«--- (50)
 

Đăng Nhập

Quên mật khẩu


CSS thay đổi Icon tâm trạng bài viết.

Go down

CSS thay đổi Icon tâm trạng bài viết.

Bài gửi by Super Monkey on Wed Mar 10, 2010 9:47 am

Icon tâm trạng là nơi bạn thể hiện tâm trạng cảm xúc của mình qua mỗi bài viết, vậy mà tâm trạng người nào cũng giống người nào thì cũng chán nhỉ .

[You must be registered and logged in to see this image.]
Icon có sẵn của Yahoo.

[You must be registered and logged in to see this image.]
Icon sau khi dùng code CSS để thay.

Bạn có muốn thay đổi nó ko? Nếu muốn chúng ta cùng làm nhé.
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.
2.Code thay đổi Icon tâm trạng:

#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;}


3. Cách thực hiện :
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.
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é .


Bạn có thể click vào [You must be registered and logged in to see this link.] để thỏa sức lựa chọn những bộ Icon tuyệt đẹp nhé.

Chúc các bạn thành công.
avatar
Super Monkey

Tổng số bài gửi : 1
Join date : 10/03/2010
Age : 25
Đến từ : Bắc Giang

Về Đầu Trang Go down

hay...dk day

Bài gửi by vinhkey_bg on Wed Mar 10, 2010 9:50 am

co^' gang' phat' huy nhe'... Very Happy
avatar
vinhkey_bg
Lớp trưởng
Lớp trưởng

Tổng số bài gửi : 74
Join date : 09/03/2010
Age : 8
Đến từ : Ba Da-Tan My-Bac Giang

http://teen12a.wow3.info

Về Đầu Trang Go down

Re: CSS thay đổi Icon tâm trạng bài viết.

Bài gửi by ♥Susu♥ on Sat Mar 13, 2010 8:23 pm

mấy hình này dễ thương wa'...thanks cậu nha bounce bounce bounce
avatar
♥Susu♥
Mod thử việc
Mod thử việc

Tổng số bài gửi : 155
Join date : 13/03/2010
Age : 25
Đến từ : Trái Đất ^^!

Về Đầu Trang Go down

Re: CSS thay đổi Icon tâm trạng bài viết.

Bài gửi by •Sally•Nguyễn• on Thu Mar 18, 2010 9:32 am

Chuẩn luôn !!!


[You must be registered and logged in to see this image.]…đưỜg…[You must be registered and logged in to see this image.]…bG…[You must be registered and logged in to see this image.]…ghỒ…[You must be registered and logged in to see this image.]…ghỀ…[You must be registered and logged in to see this image.]…sỎi…[You must be registered and logged in to see this image.]…đÁ…[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]…trAi…[You must be registered and logged in to see this image.]…bG…[You must be registered and logged in to see this image.]…đẮt…[You must be registered and logged in to see this image.]…giÁ…[You must be registered and logged in to see this image.]…lẮm…[You must be registered and logged in to see this image.]…E…[You must be registered and logged in to see this image.]…Ơi…[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]…muỐn…[You must be registered and logged in to see this image.]…iÊu…[You must be registered and logged in to see this image.]…A…[You must be registered and logged in to see this image.]…tHỳ…[You must be registered and logged in to see this image.]…pẢi…[You must be registered and logged in to see this image.]…qUỳ…[You must be registered and logged in to see this image.]…xuỐg…[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]…qUỳ…[You must be registered and logged in to see this image.]…xuỐg…[You must be registered and logged in to see this image.]…rỒi…[You must be registered and logged in to see this image.]…tuỔi…[You must be registered and logged in to see this image.]…rỲ…[You must be registered and logged in to see this image.]…đÒi…[You must be registered and logged in to see this image.]…đỨng…[You must be registered and logged in to see this image.]…lÊn…[You must be registered and logged in to see this image.]
avatar
•Sally•Nguyễn•
Tổ trưởng
Tổ trưởng

Tổng số bài gửi : 168
Join date : 13/03/2010
Age : 26
Đến từ : Nơi nào có hạnh phúc và sự yêu thương

http://vn.myblog.yahoo.com/kendy-tamthu

Về Đầu Trang Go down

Re: CSS thay đổi Icon tâm trạng bài viết.

Bài gửi by ♥Susu♥ on Thu Mar 18, 2010 2:46 pm

dao nay` to' bo? be Pú...lau k vao` nhin` may' hjnh` kia tiec' ghe...hay minh` thu? lam` vao blog cua minh` xem sao nhi? bounce bounce bounce
avatar
♥Susu♥
Mod thử việc
Mod thử việc

Tổng số bài gửi : 155
Join date : 13/03/2010
Age : 25
Đến từ : Trái Đất ^^!

Về Đầu Trang Go down

Re: CSS thay đổi Icon tâm trạng bài viết.

Bài gửi by •Sally•Nguyễn• on Fri Mar 19, 2010 1:22 pm

♥️Susu♥️ đã viết:dao nay` to' bo? be Pú...lau k vao` nhin` may' hjnh` kia tiec' ghe...hay minh` thu? lam` vao blog cua minh` xem sao nhi? bounce bounce bounce

Cho xin cái nick chat nhỉ SuSu Mad Crying or Very sad Crying or Very sad


[You must be registered and logged in to see this image.]…đưỜg…[You must be registered and logged in to see this image.]…bG…[You must be registered and logged in to see this image.]…ghỒ…[You must be registered and logged in to see this image.]…ghỀ…[You must be registered and logged in to see this image.]…sỎi…[You must be registered and logged in to see this image.]…đÁ…[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]…trAi…[You must be registered and logged in to see this image.]…bG…[You must be registered and logged in to see this image.]…đẮt…[You must be registered and logged in to see this image.]…giÁ…[You must be registered and logged in to see this image.]…lẮm…[You must be registered and logged in to see this image.]…E…[You must be registered and logged in to see this image.]…Ơi…[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]…muỐn…[You must be registered and logged in to see this image.]…iÊu…[You must be registered and logged in to see this image.]…A…[You must be registered and logged in to see this image.]…tHỳ…[You must be registered and logged in to see this image.]…pẢi…[You must be registered and logged in to see this image.]…qUỳ…[You must be registered and logged in to see this image.]…xuỐg…[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]…qUỳ…[You must be registered and logged in to see this image.]…xuỐg…[You must be registered and logged in to see this image.]…rỒi…[You must be registered and logged in to see this image.]…tuỔi…[You must be registered and logged in to see this image.]…rỲ…[You must be registered and logged in to see this image.]…đÒi…[You must be registered and logged in to see this image.]…đỨng…[You must be registered and logged in to see this image.]…lÊn…[You must be registered and logged in to see this image.]
avatar
•Sally•Nguyễn•
Tổ trưởng
Tổ trưởng

Tổng số bài gửi : 168
Join date : 13/03/2010
Age : 26
Đến từ : Nơi nào có hạnh phúc và sự yêu thương

http://vn.myblog.yahoo.com/kendy-tamthu

Về Đầu Trang Go down

Re: CSS thay đổi Icon tâm trạng bài viết.

Bài gửi by ♥Susu♥ on Sat Mar 20, 2010 5:29 pm

hãy đợi đấy 97575 97575
avatar
♥Susu♥
Mod thử việc
Mod thử việc

Tổng số bài gửi : 155
Join date : 13/03/2010
Age : 25
Đến từ : Trái Đất ^^!

Về Đầu Trang Go down

Re: CSS thay đổi Icon tâm trạng bài viết.

Bài gửi by •Sally•Nguyễn• on Sun Mar 21, 2010 2:03 pm

♥️Susu♥️ đã viết:hãy đợi đấy 97575 97575

tẠi saO hả mi, phẢi chăng mi ghÉt tA ? monkey monkey monkey monkey


[You must be registered and logged in to see this image.]…đưỜg…[You must be registered and logged in to see this image.]…bG…[You must be registered and logged in to see this image.]…ghỒ…[You must be registered and logged in to see this image.]…ghỀ…[You must be registered and logged in to see this image.]…sỎi…[You must be registered and logged in to see this image.]…đÁ…[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]…trAi…[You must be registered and logged in to see this image.]…bG…[You must be registered and logged in to see this image.]…đẮt…[You must be registered and logged in to see this image.]…giÁ…[You must be registered and logged in to see this image.]…lẮm…[You must be registered and logged in to see this image.]…E…[You must be registered and logged in to see this image.]…Ơi…[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]…muỐn…[You must be registered and logged in to see this image.]…iÊu…[You must be registered and logged in to see this image.]…A…[You must be registered and logged in to see this image.]…tHỳ…[You must be registered and logged in to see this image.]…pẢi…[You must be registered and logged in to see this image.]…qUỳ…[You must be registered and logged in to see this image.]…xuỐg…[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]…qUỳ…[You must be registered and logged in to see this image.]…xuỐg…[You must be registered and logged in to see this image.]…rỒi…[You must be registered and logged in to see this image.]…tuỔi…[You must be registered and logged in to see this image.]…rỲ…[You must be registered and logged in to see this image.]…đÒi…[You must be registered and logged in to see this image.]…đỨng…[You must be registered and logged in to see this image.]…lÊn…[You must be registered and logged in to see this image.]
avatar
•Sally•Nguyễn•
Tổ trưởng
Tổ trưởng

Tổng số bài gửi : 168
Join date : 13/03/2010
Age : 26
Đến từ : Nơi nào có hạnh phúc và sự yêu thương

http://vn.myblog.yahoo.com/kendy-tamthu

Về Đầu Trang Go down

Re: CSS thay đổi Icon tâm trạng bài viết.

Bài gửi by ♥Susu♥ on Tue Mar 23, 2010 10:26 pm

k thik k cho.......đừng hỏi vì sao .... alien
avatar
♥Susu♥
Mod thử việc
Mod thử việc

Tổng số bài gửi : 155
Join date : 13/03/2010
Age : 25
Đến từ : Trái Đất ^^!

Về Đầu Trang Go down

Re: CSS thay đổi Icon tâm trạng bài viết.

Bài gửi by Mr.Cuong_t4 on Sat Mar 27, 2010 5:02 pm

sac. thay doi? may kai' icon tam trang cho blog lam blog nang them khi nguoi` khac' vao blog cua? minh toan bi. lac' thui
kinh nghiem cua to' day'
avatar
Mr.Cuong_t4
Lớp phó
Lớp phó

Tổng số bài gửi : 368
Join date : 13/03/2010
Age : 26
Đến từ : Chy Ly_B.Giang

Về Đầu Trang Go down

Re: CSS thay đổi Icon tâm trạng bài viết.

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết