Hiệu ứng nút ấn cho blog

Code hiệu ứng nút ấn cho Beta Plus ngắn gọn hơn code cũ rất nhiều. Lưu ý là code sau dành cho phiên bản 360 Plus Beta.


Module Bài Viết Mới



Quote:

Code:

#article_new li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/

Module Blast



Quote:

Code:

#blast .bd:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/


Module Bình Luận Mới Nhất



Quote:

Code:

#comment_new h3:hover, #comment_new li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/

Module Bình Luận Nhanh



Quote:

Code:

#guestbook_entries li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/


Module Thư Mục Riêng



Quote:

Code:

#folder li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/

Module Danh Sách Bạn Bè



Quote:

Code:

#friendlist_module li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/


Module Hình Ảnh Trong Blog



Quote:

Code:

#photo_highlight td:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/


Module Blog Tôi Thích



Quote:

Code:

#subscribe_highlight li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia4

1124*/



Module Blog Về Tôi



Quote:

Code:

#mod-tagged-frd-article li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/


Module Hồ Sơ Blog - Thông Tin Cá Nhân



Quote:

Code:

#profile_card dt:hover, #profile_card dd:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/

Module Bài Viết - Kiểu Hiển Thị Bài Đầu Và Kiểu Hiển Thị Tóm Tắt



Quote:

Code:

.more-posts li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/

Module Bài Viết - Kiểu Hiển Thị Tựa Đề



Quote:

Code:

.main-bd tr:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/

Module Thống Kê



Quote:

Code:

#statistic li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/

Module Cập Nhật Ngày



Quote:

Code:

#update_date .date:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/



Module Lịch



Quote:

Code:

#calendar th:hover, #calendar td:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/


Phần Comment Bài Viết



Quote:

Code:

#comment_container li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/

Lưu ý : Đường link hình https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg
trong code bạn có thể thay bằng link hình bạn muốn. Ngoài ra nếu tất cả
các hiệu ứng đều sử dụng chung một hình thì bạn có thể sử dụng code gộp
cho tất cả các module sau đây



Quote:

Code:

#article_new li:hover, #blast .bd:hover, #comment_new h3:hover,
#comment_new li:hover, #guestbook_entries li:hover, #folder li:hover,
#friendlist_module li:hover, #photo_highlight td:hover,
#subscribe_highlight li:hover, #mod-tagged-frd-article li:hover,
#profile_card dt:hover, #profile_card dd:hover, .more-posts li:hover,
.main-bd tr:hover, #statistic li:hover, #update_date .date:hover,
#calendar th:hover, #calendar td:hover, #comment_container
li:hover{background:transparent
url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg)
top center;}/*olympia41124*/