Thay đổi module tâm trạng theo ý mình-[360 Plus nâng cao]

» Yahoo 360 plus!

Tạo Module Quick Comments

Hướng dẫn tạo List nhạc cho Yahoo Plus

Jul 16

admin

10:26

Lượt xem (728)

Nhận xét (0)

Lớn | Vừa | Nhỏ

(Hình ảnh chỉ có tính chất minh hoạ)

         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)

    [b]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)

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

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

Theo co0l.l0ve'sblog

Đánh giá bài viết