Thư mục: Code CSS cho blog 360plus |
Quan trọng
Đăng ngày: 11:59 14-07-2009
Trước hết các bạn cần tạo những icon tâm trạng cỡ to và nhỏ, up lên photobucket hoặc web lưu trữ ảnh bất kì. Lấy link và paste vào phần cần paste sau đây (Cái này mình cũng học hỏi kinh nghiệm đc từ các blogger khác nên đừng có mà bắt bẻ "Mấy cái code đó có fai do bạn viết ra đâu mà post lên!" nhá
) Chúa ghét ![]()
Dùng code sau (thay link icon tâm trạng vào) rùi paste vào CSS:
#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;}
*Lưu ý: Cần thay đầy đủ và chính xác link vào trong phần "(" và ")"
Nếu ko mún tạo icon hay ko mún mất thời gian có thể tham khảo code của mình: ![]()
#mod_lifeline .list td a.blog_emo_25_1{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 0;}
#mod_lifeline .list td a.blog_emo_25_2{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -25px;}
#mod_lifeline .list td a.blog_emo_25_3{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -50px;}
#mod_lifeline .list td a.blog_emo_25_4{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -75px;}
#mod_lifeline .list td a.blog_emo_25_5{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -100px;}
#mod_lifeline .list td a.blog_emo_25_6{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -125px;}
#mod_lifeline .list td a.blog_emo_25_7{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -150px;}
#mod_lifeline .list td a.blog_emo_25_8{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -175px;}
#mod_lifeline .list td a.blog_emo_25_9{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -200px;}
#mod_lifeline .list td a.blog_emo_25_10{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -225px;}
#mod_lifeline .list td a.blog_emo_25_11{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -250px;}
#mod_lifeline .list td a.blog_emo_25_12{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat 0 -275px;}
#mod_lifeline .list td a.blog_emo_50_1{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 0;}
#mod_lifeline .list td a.blog_emo_50_2{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 -50px;}
#mod_lifeline .list td a.blog_emo_50_3{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 -100px;}
#mod_lifeline .list td a.blog_emo_50_4{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 -150px;}
#mod_lifeline .list td a.blog_emo_50_5{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 -200px;}
#mod_lifeline .list td a.blog_emo_50_6{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 -250px;}
#mod_lifeline .list td a.blog_emo_50_7{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 -300px;}
#mod_lifeline .list td a.blog_emo_50_8{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 -350px;}
#mod_lifeline .list td a.blog_emo_50_9{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 -400px;}
#mod_lifeline .list td a.blog_emo_50_10{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 -450px;}
#mod_lifeline .list td a.blog_emo_50_11{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) no-repeat 0 -500px;}
#mod_lifeline .list td a.blog_emo_50_12{background:url(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog2.png) 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(http://i532.photobucket.com/albums/ee324/Rajnb0w_bucket/Rainbowsblog1.png) no-repeat;}
Nếu bạn muốn làm cho mô-đun tâm trạng trong suốt thì dùng code sau nè:
#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}
Chấm hết. ![]()
Tái bút: Còn post típ ![]()
PiP Ducky 17:10 06-09-2009
ౄ Rаїивоŵ ђі-тєк - вà кụ иöи =)) ੦੧੨੩੫17:35 06-09-2009
PiP Ducky 11:55 06-09-2009
PiP Ducky 11:47 06-09-2009
danny 13:11 17-07-2009
babylonton209 09:05 17-07-2009
Rаїивоŵ ђі-тєк09:34 17-07-2009
anhtuong1007 15:37 14-07-2009
Rаїивоŵ ђі-тєк21:25 14-07-2009
anhtuong1007 13:00 14-07-2009
Rаїивоŵ ђі-тєк13:25 14-07-2009
ặc. bóc tem thì bóc chứ lại còn Ngủ đi cưng. Hic X_X