Trang Chính
![[Beta Plus]Thay icon tâm trạng cho bài viết Empty](https://2img.net/i/empty.gif)
Code thay icon tâm trạng của bản beta
Mã:
ul.moodicons li span,.moodicon em span{background:transparent url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1a.png);}/*olympia41124*/
ul.moodicons li.big span.big{background:transparent url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png);}/*olympia41124*/
ul.moodicons li.mood-2 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -50px;}/*olympia41124*/
ul.moodicons li.mood-3 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -100px;}/*olympia41124*/
ul.moodicons li.mood-4 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -150px;}/*olympia41124*/
ul.moodicons li.mood-5 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -200px;}/*olympia41124*/
ul.moodicons li.mood-6 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -250px;}/*olympia41124*/
ul.moodicons li.mood-7 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -300px;}/*olympia41124*/
ul.moodicons li.mood-8 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -350px;}/*olympia41124*/
ul.moodicons li.mood-9 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -400px;}/*olympia41124*/
ul.moodicons li.mood-10 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -450px;}/*olympia41124*/
ul.moodicons li.mood-11 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -500px;}/*olympia41124*/
ul.moodicons li.mood-12 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -550px;}/*olympia41124*/
Thay link theo cú pháp sau
Quote:
Bạn có thể tham khảo các icon ở link sau >>> [You must be registered and logged in to see this link.]
Với code trên thì điều bạn cần làm là chèn vào link hình có dạng như sau
[You must be registered and logged in to see this link.]
Khi đó trong bản beta đã có code canh chỉnh sẵn nên chúng ta không cần dùng code dài như cũ nữa.
Đến đây phần thay icon tâm trạng cho bản beta đã xong. Còn bạn nào muốn
thay icon động cho blog thì đọc tiếp phần sau. Vì lý do khó có hình nào
động mà chứa đủ 12 tâm trạng nên ta có cách sau với hình icon động.
Code cho icon nhỏ
Quote:
Code cho icon lớn
Quote:
(Update ngày 27/1/2010) olympia41124 : Đối với icon nhỏ ta chỉ cần đưa
link vào một dòng code là các icon tự canh chỉnh, còn với icon lớn
không hiểu mấy ông kỹ sư để thế nào mà nó không tự canh chỉnh nên đành
update thêm đoạn code canh chỉnh cho icon lớn _ _!!
Mã:
ul.moodicons li span,.moodicon em span{background:transparent url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1a.png);}/*olympia41124*/
ul.moodicons li.big span.big{background:transparent url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png);}/*olympia41124*/
ul.moodicons li.mood-2 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -50px;}/*olympia41124*/
ul.moodicons li.mood-3 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -100px;}/*olympia41124*/
ul.moodicons li.mood-4 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -150px;}/*olympia41124*/
ul.moodicons li.mood-5 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -200px;}/*olympia41124*/
ul.moodicons li.mood-6 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -250px;}/*olympia41124*/
ul.moodicons li.mood-7 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -300px;}/*olympia41124*/
ul.moodicons li.mood-8 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -350px;}/*olympia41124*/
ul.moodicons li.mood-9 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -400px;}/*olympia41124*/
ul.moodicons li.mood-10 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -450px;}/*olympia41124*/
ul.moodicons li.mood-11 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -500px;}/*olympia41124*/
ul.moodicons li.mood-12 span.big{background:url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -550px;}/*olympia41124*/
Thay link theo cú pháp sau
Quote:
| ul.moodicons li span,.moodicon em span{background:transparent url(Link icon Nhỏ);}/*olympia41124*/ ul.moodicons li.big span.big{background:transparent url(Link icon Lớn);}/*olympia41124*/ ul.moodicons li.mood-2 span.big{background:url(Link icon Lớn) 0 -50px;}/*olympia41124*/ ul.moodicons li.mood-3 span.big{background:url(Link icon Lớn) 0 -100px;}/*olympia41124*/ ul.moodicons li.mood-4 span.big{background:url(Link icon Lớn) 0 -150px;}/*olympia41124*/ ul.moodicons li.mood-5 span.big{background:url(Link icon Lớn) 0 -200px;}/*olympia41124*/ ul.moodicons li.mood-6 span.big{background:url(Link icon Lớn) 0 -250px;}/*olympia41124*/ ul.moodicons li.mood-7 span.big{background:url(Link icon Lớn) 0 -300px;}/*olympia41124*/ ul.moodicons li.mood-8 span.big{background:url(Link icon Lớn) 0 -350px;}/*olympia41124*/ ul.moodicons li.mood-9 span.big{background:url(Link icon Lớn) 0 -400px;}/*olympia41124*/ ul.moodicons li.mood-10 span.big{background:url(Link icon Lớn) 0 -450px;}/*olympia41124*/ ul.moodicons li.mood-11 span.big{background:url(Link icon Lớn) 0 -500px;}/*olympia41124*/ ul.moodicons li.mood-12 span.big{background:url(Link icon Lớn) 0 -550px;}/*olympia41124*/ |
Bạn có thể tham khảo các icon ở link sau >>> [You must be registered and logged in to see this link.]
Với code trên thì điều bạn cần làm là chèn vào link hình có dạng như sau
[You must be registered and logged in to see this link.]
Khi đó trong bản beta đã có code canh chỉnh sẵn nên chúng ta không cần dùng code dài như cũ nữa.
Đến đây phần thay icon tâm trạng cho bản beta đã xong. Còn bạn nào muốn
thay icon động cho blog thì đọc tiếp phần sau. Vì lý do khó có hình nào
động mà chứa đủ 12 tâm trạng nên ta có cách sau với hình icon động.
Code cho icon nhỏ
Quote:
| ul.moodicons li.mood-1 span,.moodicon em.mood-1 span{background:url(Link);} ul.moodicons li.mood-2 span,.moodicon em.mood-2 span{background:url(Link);} ul.moodicons li.mood-3 span,.moodicon em.mood-3 span{background:url(Link);} ul.moodicons li.mood-4 span,.moodicon em.mood-4 span{background:url(Link);} ul.moodicons li.mood-5 span,.moodicon em.mood-5 span{background:url(Link);} ul.moodicons li.mood-6 span,.moodicon em.mood-6 span{background:url(Link);} ul.moodicons li.mood-7 span,.moodicon em.mood-7 span{background:url(Link);} ul.moodicons li.mood-8 span,.moodicon em.mood-8 span{background:url(Link);} ul.moodicons li.mood-9 span,.moodicon em.mood-9 span{background:url(Link);} ul.moodicons li.mood-10 span,.moodicon em.mood-10 span{background:url(Link);} ul.moodicons li.mood-11 span,.moodicon em.mood-11 span{background:url(Link);} ul.moodicons li.mood-12 span,.moodicon em.mood-12 span{background:url(Link);} |
Code cho icon lớn
Quote:
| ul.moodicons li.mood-1 span.big{background:url(Link);} ul.moodicons li.mood-2 span.big{background:url(Link);} ul.moodicons li.mood-3 span.big{background:url(Link);} ul.moodicons li.mood-4 span.big{background:url(Link);} ul.moodicons li.mood-5 span.big{background:url(Link);} ul.moodicons li.mood-6 span.big{background:url(Link);} ul.moodicons li.mood-7 span.big{background:url(Link);} ul.moodicons li.mood-8 span.big{background:url(Link);} ul.moodicons li.mood-9 span.big{background:url(Link);} ul.moodicons li.mood-10 span.big{background:url(Link);} ul.moodicons li.mood-11 span.big{background:url(Link);} ul.moodicons li.mood-12 span.big{background:url(Link);} |
(Update ngày 27/1/2010) olympia41124 : Đối với icon nhỏ ta chỉ cần đưa
link vào một dòng code là các icon tự canh chỉnh, còn với icon lớn
không hiểu mấy ông kỹ sư để thế nào mà nó không tự canh chỉnh nên đành
update thêm đoạn code canh chỉnh cho icon lớn _ _!!
