Trang Chính
![[Beta Plus] Hiệu ứng shadow cho text Empty](https://2img.net/i/empty.gif)
Hiệu ứng shadow cho text có tác dụng với CSS 3.0 và may mắn thay 360Plus Beta có hỗ trợ ![[Beta Plus] Hiệu ứng shadow cho text 8](https://2img.net/h/forum.vietnam360plus.com/images/smilies/yahoo/8.gif)
Code sử dụng hiệu ứng này có dạng chung như sau
Quote:
Trong đó
#tên_module là module có hiệu ứng ví dụ #ygma, #blast ...
A : khoảng cách của bóng với chữ về bên phải (nếu muốn về bên trái thì cho A là số âm)
B : khoảng cách của bóng với chữ về bên dưới (nếu muốn về bên trên thì cho B là số âm)
C : độ mờ của bóng mờ
#mã_màu : màu của bóng mờ
Việc thay đổi A, B, C sẽ cho ta nhiều hiệu ứng đẹp Sau đây là ví dụ với module nóc nhà
Quote:
![[Beta Plus] Hiệu ứng shadow cho text Lfkairueyt0o96](https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/lfkairueyt0o96.png)
Thay đổi thêm chút nữa ta lại có một hiệu ứng khác
Quote:
![[Beta Plus] Hiệu ứng shadow cho text Ikwugjrhu7i98](https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/ikwugjrhu7i98.png)
Ngoài ra bạn có thể cho nhiều bóng mờ cùng xuất hiện một lúc bằng cách ngăn cách các bóng mờ bằng dấu "," như code dưới
Quote:
![[Beta Plus] Hiệu ứng shadow cho text Kjfhuei4t5](https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/kjfhuei4t5.png)
olympia không khuyến khích các bạn dùng dạng code nhiều bóng mờ này vì
khi đó blog bạn nhìn chóng mặt lắm _ _!! Tuy nhiên nếu các bóng mờ giữ
nguyên thuộc tính giống nhau lại có tác dụng bất ngờ
Quote:
![[Beta Plus] Hiệu ứng shadow cho text Kanghruey0o9454](https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/kanghruey0o9454.png)
Hãy thay đổi A, B, C để có nhiều hiệu ứng tuyệt hơn theo sở thích và trí tưởng tượng của bạn![[Beta Plus] Hiệu ứng shadow cho text 1](https://2img.net/h/forum.vietnam360plus.com/images/smilies/yahoo/1.gif)
Có chút lưu ý với các bạn là hệ số C càng nhỏ thì càng rõ, càng lớn thì càng mờ ![[Beta Plus] Hiệu ứng shadow cho text 4](https://2img.net/h/forum.vietnam360plus.com/images/smilies/yahoo/4.gif)
Còn về tên các module thì các bạn xem danh sách các module ở dưới nhé, có thể một số module không tác dụng ![[Beta Plus] Hiệu ứng shadow cho text 10](https://2img.net/h/forum.vietnam360plus.com/images/smilies/yahoo/10.gif)
#ygma : nóc nhà
#article_list_module : module bài viết
#blog_title : module tên blog
#profile_highlight : module profile
#article_new : module bài mới nhất
#comment_new : module bình luận mới nhất
#blast : module blast
#mod_lifeline : module tâm trạng
#folder : module thư mục riêng
#feature_link : module album
#feature_link_gb : module bảng tin nhắn
#mod_bookmark : module web yêu thích
#calendar : module lịch
#update_date : module cập nhật ngày
#statistic : module thống kê
#friendlist_module : module danh sách bạn bè
#rss_output : module RSS
#subscribe_highlight : module blog tôi thích
#search_module : module tìm
#mod-tagged-frd-article : module blog về tôi
#photo_highlight : module hình ảnh trong blog
#guestbook_entries : module bình luận nhanh
#profile_card : module hồ sơ blog
#user_mod_10001 : module tự tạo số 1
#user_mod_10002 : module tự tạo số 2
#user_mod_10003 : module tự tạo số 3
#user_mod_10004 : module tự tạo số 4
#user_mod_10005 : module tự tạo số 5
#user_mod_10006 : module tự tạo số 6
#user_mod_10007 : module tự tạo số 7
#user_mod_10008 : module tự tạo số 8
#user_mod_10009 : module tự tạo số 9
#user_mod_10010 : module tự tạo số 10
Lưu ý ngoài ra có thể thay tên blog bằng body để code áp dụng toàn blog, nhưng bạn sẽ không thích đâu![[Beta Plus] Hiệu ứng shadow cho text 19](https://2img.net/h/forum.vietnam360plus.com/images/smilies/yahoo/19.gif)
Bạn nào muốn tìm hiểu sâu hơn thì có thể xem ở đây >>> [You must be registered and logged in to see this link.]
Code sử dụng hiệu ứng này có dạng chung như sau
Quote:
| #tên_module{text-shadow: Apx Bpx Cpx #mã_màu;}/*olympia41124*/ |
Trong đó
#tên_module là module có hiệu ứng ví dụ #ygma, #blast ...
A : khoảng cách của bóng với chữ về bên phải (nếu muốn về bên trái thì cho A là số âm)
B : khoảng cách của bóng với chữ về bên dưới (nếu muốn về bên trên thì cho B là số âm)
C : độ mờ của bóng mờ
#mã_màu : màu của bóng mờ
Việc thay đổi A, B, C sẽ cho ta nhiều hiệu ứng đẹp
Sau đây là ví dụ với module nóc nhàQuote:
| #ygma{text-shadow: 2px 2px 2px #f0f;} |
![[Beta Plus] Hiệu ứng shadow cho text Warning](https://2img.net/h/forum.vietnam360plus.com/highslide/graphics/warning.gif) |
Thay đổi thêm chút nữa ta lại có một hiệu ứng khác
Quote:
| #ygma{text-shadow: 0px 0px 10px #f0f;} |
|
Ngoài ra bạn có thể cho nhiều bóng mờ cùng xuất hiện một lúc bằng cách ngăn cách các bóng mờ bằng dấu "," như code dưới
Quote:
| #ygma{text-shadow: 5px 5px 2px #f0f,-5px -5px 2px #f0f;} |
|
olympia không khuyến khích các bạn dùng dạng code nhiều bóng mờ này vì
khi đó blog bạn nhìn chóng mặt lắm _ _!! Tuy nhiên nếu các bóng mờ giữ
nguyên thuộc tính giống nhau lại có tác dụng bất ngờ
Quote:
| #ygma{text-shadow: 0px 0px 10px #f0f,0px 0px 10px #f0f,0px 0px 10px #f0f;} |
|
Hãy thay đổi A, B, C để có nhiều hiệu ứng tuyệt hơn theo sở thích và trí tưởng tượng của bạn
Có chút lưu ý với các bạn là hệ số C càng nhỏ thì càng rõ, càng lớn thì càng mờ Còn về tên các module thì các bạn xem danh sách các module ở dưới nhé, có thể một số module không tác dụng #ygma : nóc nhà
#article_list_module : module bài viết
#blog_title : module tên blog
#profile_highlight : module profile
#article_new : module bài mới nhất
#comment_new : module bình luận mới nhất
#blast : module blast
#mod_lifeline : module tâm trạng
#folder : module thư mục riêng
#feature_link : module album
#feature_link_gb : module bảng tin nhắn
#mod_bookmark : module web yêu thích
#calendar : module lịch
#update_date : module cập nhật ngày
#statistic : module thống kê
#friendlist_module : module danh sách bạn bè
#rss_output : module RSS
#subscribe_highlight : module blog tôi thích
#search_module : module tìm
#mod-tagged-frd-article : module blog về tôi
#photo_highlight : module hình ảnh trong blog
#guestbook_entries : module bình luận nhanh
#profile_card : module hồ sơ blog
#user_mod_10001 : module tự tạo số 1
#user_mod_10002 : module tự tạo số 2
#user_mod_10003 : module tự tạo số 3
#user_mod_10004 : module tự tạo số 4
#user_mod_10005 : module tự tạo số 5
#user_mod_10006 : module tự tạo số 6
#user_mod_10007 : module tự tạo số 7
#user_mod_10008 : module tự tạo số 8
#user_mod_10009 : module tự tạo số 9
#user_mod_10010 : module tự tạo số 10
Lưu ý ngoài ra có thể thay tên blog bằng body để code áp dụng toàn blog, nhưng bạn sẽ không thích đâu
Bạn nào muốn tìm hiểu sâu hơn thì có thể xem ở đây >>> [You must be registered and logged in to see this link.]