bim.kuti95 Chuyên Nghiệp


Tổng số bài gửi : 101 Join date : 23/11/2010 Age : 27 Đến từ : ả rập xê út
 | Tiê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ì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. 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. | |
|