Tìm kiếm
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
A8 Family
Đoàn kết
Thay đổi Icon cho Module Tâm Trạng ! 43
Vui vẻ
Thay đổi Icon cho Module Tâm Trạng ! IMG0662A_01
Duyên dáng
Thay đổi Icon cho Module Tâm Trạng ! 50-1
Đẹp trai
Thay đổi Icon cho Module Tâm Trạng ! 002-1
Ăn chơi
Thay đổi Icon cho Module Tâm Trạng ! 7-2
Hồn nhiên
Thay đổi Icon cho Module Tâm Trạng ! Copy2ofCopyofDSC04348
Và ....
Thay đổi Icon cho Module Tâm Trạng ! 29032009089
Thay đổi Icon cho Module Tâm Trạng ! 29032009090
Thay đổi Icon cho Module Tâm Trạng ! 29032009095
Thay đổi Icon cho Module Tâm Trạng ! A
Thay đổi Icon cho Module Tâm Trạng ! Copy2ofCopyofDSC04348
Thay đổi Icon cho Module Tâm Trạng ! Copy2ofDSC04352
Thay đổi Icon cho Module Tâm Trạng ! Copy3ofDSC04351
Thay đổi Icon cho Module Tâm Trạng ! 28e8b48a-453b-4e09-9fee-07c94ca1549
Thay đổi Icon cho Module Tâm Trạng ! 7-2
Thay đổi Icon cho Module Tâm Trạng ! PICT0008
Thay đổi Icon cho Module Tâm Trạng ! H001
Thay đổi Icon cho Module Tâm Trạng ! B78d7c10-8f60-44db-a1e9-9235fddcd4c
Thay đổi Icon cho Module Tâm Trạng ! 50-1
Thay đổi Icon cho Module Tâm Trạng ! 002-1
Thay đổi Icon cho Module Tâm Trạng ! PICT0009-1
Thay đổi Icon cho Module Tâm Trạng ! Fxv0otV
Thay đổi Icon cho Module Tâm Trạng ! 64n34
Thay đổi Icon cho Module Tâm Trạng ! Ccef2884-f258-4732-9a53-52b4e336383

Thay đổi Icon cho Module Tâm Trạng ! Cuoinay
Thay đổi Icon cho Module Tâm Trạng ! B5bce6fb-18a3-4984-b96f-3f1c22e1339
Thay đổi Icon cho Module Tâm Trạng ! 000
Thay đổi Icon cho Module Tâm Trạng ! IMG0657A
Thay đổi Icon cho Module Tâm Trạng ! 43
Thay đổi Icon cho Module Tâm Trạng ! SDC10078

Thay đổi Icon cho Module Tâm Trạng !

Go down

Thay đổi Icon cho Module Tâm Trạng ! Empty Thay đổi Icon cho Module Tâm Trạng !

Bài gửi by meocon on Fri Jun 05, 2009 4:39 am

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
meocon
meocon
Admin


Về Đầu Trang Go down

Về Đầu Trang


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