Bạn có muốn thay đổi cái module tâm trang theo ý thích riêng của mình không?Hãy làm theo những hướng dẫn sau đây nhé:
1.Thiết kế tâm trạng:
-Các bạn có thể dùng các phần mềm đồ hoạ để thiết kế hình ảnh tâm trạng,ảnh tâm trạng gồm 2 hình:(như hình bên tâm trạng của mình)
1 hình nhỏ cỡ 25x300 để hiện thị khi tâm trang bình thường.
1 hình to cỡ 50x600 để hiển thị bài viết quan trọng.
-Cách thiết kế:
Bạn chỉ cần thiết kế một cái ảnh tâm trạng hình to (50x600),gồm 12 hình tâm trạng khác nhau,mỗi hình cỡ 50x50 rồi sau đó
gộp lại thành một hình to dài cỡ (50x600)
-Sau khi có được ảnh tâm trạng hình to rồi,các bạn chỉ việc resize nó nhỏ đi một nửa để được cái hình nhỏ cỡ (25x300)
Như vậy ta đã có 2 cái hình hiển thị tâm trang,và tiến hành bước tiếp theo nha.
>>>>> Hướng dẫn chi tiết cách làm icon tâm trạng !!!
2.Cách chèn code:
-Thay các URL ảnh trong code bằng địa chỉ ảnh mà bạn mới làm tâm trang (up lên host chứa ảnh nhé)
-Các bạn nhấn vào "Thiết kế/Theme/Chế độ tự sửa/CSS" chèn đoạn code dưới đây vào trong CSS.(nhớ là thay các URL ảnh bằng URL ảnh tâm trạng mới tương ứng của bạn nha)
Code:
|
#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:urlURL ả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;}
|
Vậy là bạn đã có một seri tâm trạng thể hiện cá tính riêng của mình rồi đó
PS: MFT đã sử dụng code này lâu rồi,hôm nay sẽ share hết cho các bạn,hehe
Copyright by co0l.l0ve'sblog
Code Research by My Family Team-MFT
[co0l.l0ve'sblog,Noa,vunguyen,[W].Dephia,[ Phương_PrinCesS ] ™ ]
(¯`♪…£øv€…U…♪´¯) 21:29 27-08-2009
okuni 17:59 27-07-2009
plusconnect17:50 28-08-2009
[ Chăn nuôi heo ] chuyÊn nuÔi dẬy kÚn cÔ giÁo kYn ngỐc sít 15:18 19-07-2009
plusconnect17:51 28-08-2009
†╢╖ảø £ùÑ 13:49 15-07-2009
plusconnect14:03 15-07-2009
†╢╖ảø £ùÑ 13:49 15-07-2009
T.sun® vỲ eM nÀ cKínk eM =x* 18:52 13-07-2009
plusconnect14:03 15-07-2009
-‘๑’-♥Antonio♥-‘๑’- 09:22 13-07-2009
PC ới! share cho e code CSS đẹp tí đc hôk? module tâm trạng í!
plusconnect14:04 15-07-2009
HiepKhachHanh 10:30 08-07-2009
♥ ≈ ѧø© !«u†€ ≈ ♥ 23:43 28-06-2009
plusconnect10:27 29-06-2009
♥• ome_maruko •♥• Bộ Lạc Blog •♥, 20:14 24-06-2009
em thi kém quá
cả nhà mình ơi
sang nhà em chơi
giúp em đỡ buồn vơi
girlbeautiful_lovevn_hp 17:48 18-06-2009
ai có đoạn code VD kô cho mình xin...
CẬU ẤM K[e]N_w[0]f[L] MẢI CHƠI [ĐÀO HOA HỘI] 22:04 06-06-2009
♥[CrAzY LoVe]♥ rOy` m` shE~ h/f thOy...t tYn vAjz 15:20 04-06-2009
Zero-C 09:19 02-06-2009
plusconnect09:49 02-06-2009
Hướng dẫn tự làm & [Share] icon cho Module tâm trạng
♥[Đào Hoa Hội]♥[Tây Thành Chủ]♥|þéÇäñDÿ™|♥|Đại Tiểu Thư|♥ 15:22 31-05-2009
Mực Ống 20:41 25-05-2009
[TâmThầnHội]-Hội Trưởng♫(¯`·»¤ßë ♥ †ïêñ¤«·´¯)♫ 20:08 21-05-2009
plusconnect10:12 26-05-2009
•!¦[• (Van_la_em) •]¦!• 19:05 11-05-2009
hatbui 23:41 10-05-2009
plusconnect11:14 11-05-2009
•!¦[• (Van_la_em) •]¦!• 18:32 05-05-2009
plusconnect11:14 11-05-2009
bedau_gentille 20:39 25-04-2009
plusconnect11:08 11-05-2009
ngâythơtiểumuội iu siêunhântrứngcút 19:18 18-04-2009
plusconnect11:10 11-05-2009
Penguin[_ __!] 20:05 14-04-2009
Loanちゃん、愛してる 21:19 02-02-2009
plusconnect18:22 03-02-2009
,.-~*’¨¯¨’*•~-.¸-(_ (Princess Fairy) _)-,.-~*’¨¯¨’*•~-.¸ 20:05 21-01-2009
plusconnect18:22 03-02-2009
sunlight 09:48 20-01-2009
[...L...] 16:29 15-01-2009
..•´¨`»Sµŋ' ¶«µ†€ [♥] ¦Ň¦Ћøχ ¶²®ø«´¨`•.. 19:07 10-01-2009
plusconnect10:25 12-01-2009
à em phải thay hình của em vào nhe..những code trên này là chưa có đưa link hình mà..>:<..
meocon_3122002 16:56 10-01-2009
♥♀ŦĦǺǿ ♥▒¦ßÄߥ¦▒♥ 18:46 31-12-2008
plusconnect10:25 12-01-2009
úi..cái này có vẻ khó vớimọi người qua hả..hixhix
anhkothe_songthieuem_br 02:18 21-12-2008
plusconnect10:16 21-12-2008
(¯`·Gà ¢øñ·´¯) 10:28 13-12-2008
ui chaj em moi lam blog doc hem hiu gi het ak'
plusconnect10:34 13-12-2008
à em ơi mới làm em nên xem những ứoơc cơ bản trước nha..rùi hãy đi nghiên cứu sâu rộng hơn nhe..