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);}
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);}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
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
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:
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);}
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);}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
Thay link theo cú pháp sau
Quote:
ul.moodicons li span,.moodicon em span{background:transparent url(Link icon Nhỏ);} ul.moodicons li.big span.big{background:transparent url(Link icon Lớn);} ul.moodicons li.mood-2 span.big{background:url(Link icon Lớn) 0 -50px;} ul.moodicons li.mood-3 span.big{background:url(Link icon Lớn) 0 -100px;} ul.moodicons li.mood-4 span.big{background:url(Link icon Lớn) 0 -150px;} ul.moodicons li.mood-5 span.big{background:url(Link icon Lớn) 0 -200px;} ul.moodicons li.mood-6 span.big{background:url(Link icon Lớn) 0 -250px;} ul.moodicons li.mood-7 span.big{background:url(Link icon Lớn) 0 -300px;} ul.moodicons li.mood-8 span.big{background:url(Link icon Lớn) 0 -350px;} ul.moodicons li.mood-9 span.big{background:url(Link icon Lớn) 0 -400px;} ul.moodicons li.mood-10 span.big{background:url(Link icon Lớn) 0 -450px;} ul.moodicons li.mood-11 span.big{background:url(Link icon Lớn) 0 -500px;} ul.moodicons li.mood-12 span.big{background:url(Link icon Lớn) 0 -550px;} |
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
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);} |