Best Friend Forever..!!
 
IndexĐăng NhậpĐăng ký

Share | 
 

 Thay đổi module tâm trạng theo ý mình

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
bim.kuti95
Chuyên Nghiệp
Chuyên Nghiệp


Tổng số bài gửi : 101
Join date : 23/11/2010
Age : 21
Đến từ : ả rập xê út

Bài gửiTiêu đề: Thay đổi module tâm trạng theo ý mình   Sun Nov 28, 2010 1:03 pm

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ìnhnhư 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.
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: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;}
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 đó
3.Một số bộ Icon tâm trạng do bạn các bạn chia sẻ

(¯`•._.• vu$on •._.•´¯) ,
Tớ Không Phải Là Sexy_Blog ^O^ ,
☺Juς†¡ηε☺'ς ☺ßl☻g☺ ,
Mi5sB ,W.Dephia's Blog,




Các bạn có thể tự làm cho mình một bộ tâm trạng thích hợp theo hướng dẫn chi tiết tại đây
-Click chuột phải lên ảnh chọn Properties/URL (đối với IE) hoặc tương tự đối với trình duyệt khác để tìm địa chỉ ảnh của các bộ tâm trạng trên, rồi thay thế link vào code ở trên sao cho tương ứng(gồm 2 ảnh nhỏ và to) rồi chèn vào CSS nha.
Về Đầu Trang Go down
http://vn.360plus.yahoo.com/nhoc_kute_55/
 
Thay đổi module tâm trạng theo ý mình
Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Thế giới nầy sẽ thay đổi nếu như ...
» Hướng dẫn thay đổi biểu tượng icon trên Android
» [Windows] Đánh giá chi tiết những thay đổi trên Windows 10 (PC)
» KHI NGƯỜI TA THAY LÒNG
» [Hướng dẫn] Thay đổi font chữ trên Galaxy Note 5 và S6 Edge Plus

Permissions in this forum:Bạn không có quyền trả lời bài viết
Forum lớp 10A2 :: Internet và Bạn :: Thủ thuật Blog và Điện thoại-
Chuyển đến