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) |
Latest topics
Đăng Nhập
CSS thay đổi Icon tâm trạng bài viết.
5 posters
Trang 1 trong tổng số 1 trang
CSS thay đổi Icon tâm trạng bài viết.
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.
[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.
Super Monkey- Tổng số bài gửi : 1
Join date : 10/03/2010
Age : 31
Đến từ : Bắc Giang
Re: CSS thay đổi Icon tâm trạng bài viết.
mấy hình này dễ thương wa'...thanks cậu nha
♥Susu♥- Mod thử việc
- Tổng số bài gửi : 155
Join date : 13/03/2010
Age : 31
Đến từ : Trái Đất ^^!
Re: CSS thay đổi Icon tâm trạng bài 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?
♥Susu♥- Mod thử việc
- Tổng số bài gửi : 155
Join date : 13/03/2010
Age : 31
Đến từ : Trái Đất ^^!
Re: CSS thay đổi Icon tâm trạng bài viết.
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?
Cho xin cái nick chat nhỉ SuSu
Re: CSS thay đổi Icon tâm trạng bài viết.
hãy đợi đấy
♥Susu♥- Mod thử việc
- Tổng số bài gửi : 155
Join date : 13/03/2010
Age : 31
Đến từ : Trái Đất ^^!
Re: CSS thay đổi Icon tâm trạng bài viết.
Susu đã viết:hãy đợi đấy
tẠi saO hả mi, phẢi chăng mi ghÉt tA ?
Re: CSS thay đổi Icon tâm trạng bài viết.
k thik k cho.......đừng hỏi vì sao ....
♥Susu♥- Mod thử việc
- Tổng số bài gửi : 155
Join date : 13/03/2010
Age : 31
Đến từ : Trái Đất ^^!
Re: CSS thay đổi Icon tâm trạng bài viết.
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'
kinh nghiem cua to' day'
Mr.Cuong_t4- Lớp phó
- Tổng số bài gửi : 368
Join date : 13/03/2010
Age : 32
Đến từ : Chy Ly_B.Giang
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|
Thu Jan 08, 2015 5:04 pm by donchithanh
» iOnline - Chơi game dân gian nhận quà hấp dẫn
Mon Aug 25, 2014 8:45 am by gauk0j
» iOnline : Đón trăng vàng – Sẵn sàng rinh iPhone 5S
Sun Aug 24, 2014 3:03 pm by gauk0j
» Game bóng đá mini trực tuyến
Fri Aug 08, 2014 5:05 pm by gauk0j
» Ra mắt server Đức - web game quản lý bóng đá HOT 2014
Thu Jul 31, 2014 7:21 am by gauk0j
» iOnline – Chơi game Khủng, trúng iPhone 5S. CỰC HOT!!!
Wed Jul 23, 2014 8:35 am by gauk0j
» [HOT] Billiard Pro – Siêu phẩm Bi-a trên Mobile
Fri Jul 11, 2014 8:21 am by gauk0j
» Bóng đá trực tuyến - ứng dụng hay cho mùa World Cup 2014
Tue May 20, 2014 9:16 am by gauk0j
» Ứng dụng Bóng đá trực tuyến - Chia sẻ mới dành cho những ai yêu thích bóng đá
Fri May 09, 2014 4:29 pm by gauk0j
» Thắng Lợn vô 4rum thì vào đây ngay !!!
Tue Apr 02, 2013 10:47 pm by ♥Thắng.piG♥
» Tao sửa lại web cho chúng m chơi nhá :))))
Wed Oct 17, 2012 7:09 pm by Red_knight
» dai cuong tan gai
Mon Mar 26, 2012 2:08 am by Mk