[Beta Plus] 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:

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

Module Blast

Quote:

#blast .bd:hover{background: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:

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

Module Bình Luận Nhanh

Quote:

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

Module Thư Mục Riêng

Quote:

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

Module Danh Sách Bạn Bè

Quote:

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

Module Hình Ảnh Trong Blog

Quote:

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

Module Blog Tôi Thích

Quote:

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

Module Blog Về Tôi

Quote:

#mod-tagged-frd-article li:hover{background: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:

#profile_card dt:hover, #profile_card dd:hover{background: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:

.more-posts li:hover{background: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:

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

Module Thống Kê

Quote:

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

Module Cập Nhật Ngày

Quote:

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

Module Lịch

Quote:

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

Phần Comment Bài Viết

Quote:

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

Lưu ý : Đường link hình http://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:

#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:url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/57475476476766.jpg) top center;}/*olympia41124*/

Written by olympia41124 - http://forum.vietnam360plus.com

Nguồn : http://forum.vietnam360plus.com/showthread.php?t=878

Nguồn : chúng tôi sưu tầm từ nhiều nguồn

Thiết kế web chuyên nghiệp giá rẻ

Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn