Chia sẻ thủ thuật blogspot - blogger

luat1x1

10/15/2011

Hiệu ứng nút ấn toàn blog 360 plus


Hiệu ứng nút ấn cho blog, cái mà khi rê chuột vào khung bài viết hay bất kì nút ấn nào trên các modun có sẵn  thì đều hiện lên một cái khung vuông rất hay nên hôm nay tớ sẽ đăng bài này và mấy you làm theo nha,tớ cũng sử dụng những code như ở bài viết này ,bài này do olympia viết,tớ cũng chỉ mò mẫm và nghịch thế là được….
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*/
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 Luat1x1
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top