Hiệu ứng tạo nút ấn trong modun, Tạo hiệu ứng nút bấm Lưu & Hủy comment, Làm trái tim, mưa, tuyết rơi, bướm bay... khi di chuột vào các link trong blog, Code sửa lỗi phông chữ blog bị đen khi làm trong suốt
* Hiệu ứng tạo nút ấn trong modun
Hiệu ứng khi tạo nút khi ấn vào đường link trong modun
/*Modun bình luận mới nhất*/
#comment_new .rc_bd .rc_bc .hd{height:auto;}
#comment_new .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trong modun);}
/*Modun bạn bè*/
#friendlist_module .rc_bd .rc_bc .hd{height:auto;}
#friendlist_module .rc_bd .rc_bc .bd ul li:hover{background:transparent url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trong modun);}
/*Thư mục*/
#folder .rc_bd .rc_bc .hd{height:auto;}
#folder .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trong modun );}
/*Bài viết mới nhất*/
#article_new .rc_bd .rc_bc .hd{height:auto;}
#article_new .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trong modun);}
/*Ảnh biểu diễn cho .mod-relatives, và đây là code*/
.mod-relatives .rc_bd .rc_bc .hd{height:auto;}
.mod-relatives .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trong modun);}
* Tạo hiệu ứng nút bấm Lưu & Hủy commnet
Code css:
.cmt-mod-alist .add-comment em.buttons input {text-align:center;background:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/04/30/03/50521241078926.png) no-repeat;}
* Làm trái tim, mưa, tuyết rơi, bướm bay... khi di chuột vào các link trong blogCode css:
a:hover {text-decoration:none;color:#EE4949;text-decoration:none;background-image:url(link ảnh);}
* Code sửa lỗi phông chữ, blog bị đen khi làm trong suốt.Hôm nay sẽ post code "sửa lỗi phông chữ" ( tức là nét chữ ko được đẹp và mịn như blog 360 yahoo cũ, nét chữ có viền đen bao quan khi viết hoa, trông lem nhem...) và lỗi khi làm trong suốt blog nhưng phần lớn blog đều bị đen ở viền, ở nền bài viết. ^^! 2 lỗi trên chỉ gặp ở trên máy tính sửa dụng trình duyệt Internet Explorer ( IE ), ko gặp ở trình duyệt khác, tuy nhiên trình duyệt IE có đến 75% máy tính sử dụng, và ở VN con số này còn lớn hơn nhiều nữa, vì vậy hôm nay mình chia sẻ với các bạn code sửa các lỗi trên. Mình khuyên các bạn nên sử dụng trình duyệt IE để xem và thiết kế blog, gần như 90% các website được thiết kế để hiện thị hiện thị và chạy ổn định tốt trên IE.
Đây là ảnh minh họa lỗi phông chữ:
Blog khi chưa dùng code sửa lỗi có nét chứ ko được đẹp và mịn. Chữ in đậm có viền đen bao quanh:
Blog sau khi đã dùng code sủa lỗi, nét chữ mịn, ko có viền đen bao quanh chữ:
Ảnh minh họa, blog của mình khi ko dùng code sửa lỗi, blog trong suốt bị biến thành màu đen:
Ảnh minh họa, blog của mình sau khi dùng code sửa lỗi, blog hiện thị hoàn toàn bình thường:
Các bạn có biết vì sao blog của bạn và rất nhiều người khác bị lỗi như trên ko ?
Câu trả lời rất đơn giản, với blog 360 plus khi sử dụng thanh trượt 100% để làm trong suốt nền bài viết bạn sẽ bị suốt hiện lỗi trên và theo mình đó là nguyên nhân duy nhất làm suốt hiện những lỗi trên, nếu các bạn để mức trong suốt của thanh trượt như ban đầu thì blog của các bạn vẫn mắc lỗi trên. Nói tóm lại, lỗi trên sẽ xuất hiện và ko biết mất, lỗi xuất hiện ngay lần đầu tiên các bạn dùng thanh trượt. Và cách duy nhất để sửa là dùng code của mình
Hình minh họa, khi dùng thanh trượt này sẽ suốt hiện những lỗi trên ngay:
Và đây là code sửa lỗi:
mod-alist-full .pagination{background:transparent;
Các bạn lưu ý là mod-alist-full .pagination{background:transparent; chứ ko phải là mod-alist-full .pagination{background:transparent;}
Không có ký tự "}" và dấu chấm "." như những code thông thường.
Khuyến cáo: Nên để code trên ở cuối bảng mã css.
phanboi_50446 01:13 24-10-2009
miley 16:04 21-07-2009
..::†ßµôÑ::.!!!!!..17:31 21-07-2009