╬ღ♥ღ°•° » 12A8_Lê Lợi-°•°ღ♥ღ╬
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Tìm kiếm
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
» lau wa ruj
Thay đổi Icon cho Module Tâm Trạng ! I_icon_minitimeFri Jun 07, 2013 12:41 pm by thanhtinh88

» Trường Nhật Ngữ Top Globis Khai Giảng Khóa Mới Vào Tháng 07.2012
Thay đổi Icon cho Module Tâm Trạng ! I_icon_minitimeWed Jul 11, 2012 6:22 pm by topglobis3

» SỬA MÁY TÍNH , MÁY IN, ĐỔ MỰC MÁY IN TẠI NHÀ HỒ CHÍ MINH
Thay đổi Icon cho Module Tâm Trạng ! I_icon_minitimeThu Mar 08, 2012 1:16 pm by tuquynh

» Khai giảng lớp luyện thi N2 và N3 tại Trung tâm Nhật Ngữ Top Globis
Thay đổi Icon cho Module Tâm Trạng ! I_icon_minitimeThu Mar 08, 2012 1:09 pm by tuquynh

» vietpon mua sản phẩm chất lượng, giá tốt.
Thay đổi Icon cho Module Tâm Trạng ! I_icon_minitimeMon Oct 10, 2011 9:48 am by tuquynh

» Học tiếng Nhật - Top Globis
Thay đổi Icon cho Module Tâm Trạng ! I_icon_minitimeMon Oct 10, 2011 9:41 am by tuquynh

» hihi. TIN VUI CUA VIT BAU NHE.
Thay đổi Icon cho Module Tâm Trạng ! I_icon_minitimeSat Oct 01, 2011 3:42 pm by meocon

» Học tiếng Nhật - Top Globis
Thay đổi Icon cho Module Tâm Trạng ! I_icon_minitimeFri Sep 09, 2011 2:06 pm by tuquynh

» Con trai A8 đâu hết rồi ?
Thay đổi Icon cho Module Tâm Trạng ! I_icon_minitimeWed Sep 07, 2011 2:27 am by meocon

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

- Similar topics

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