Translate

Thứ Sáu, 29 tháng 4, 2011

Thay đổi chuột khi nhấn vào link trên blog plus

Sự xuất hiện của Yahoo! 360 Plus đang gây một cơn sốt trong giới Blogger Việt trong thời gian vừa qua. Với nhiều công cụ hấp dẫn, 360 Plus giúp bạn có thể dễ dàng tùy biến, thiết kế Blog của mình theo phong cách mà bạn thích. Bài hướng dẫn này của bạn Dephia giúp chúng ta có thể thay đổi cách làm việc của con trỏ trên blog của bạn.1. Thay đổi con trỏ trên blog theo ý mình:
Bố trí => Theme => Chế độ tự chỉnh sửa => CSS

Điền vào ô trống của CSS nội dung sau:

body{cursor: xxx;}
a:hover{cursor:xxx;}

Trong đó xxx là tuỳ chọn cho con trỏ trên blog bạn, body là lệnh cho con trỏ sử dụng trên toàn blog, a:hover là lệnh cho con trỏ hiển thị khi đặt lên một links liên kết, bạn điền từ nào vào xxx thì sẽ hiện lên hình ngay sau đây:

pointer 
crosshair 
n-resize 
w-resize 
ne-resize 
nw-resize 
move 
wait
help

Hoặc bạn có thể sử dụng  1 icons xinh đẹp để thay cho con trỏ trên blog bằng cách, copy đường links của ảnh đó điền vào chỗ xxx dưới đây:

body{cursor:url(xxx)}
a:hover {cursor:url(xxx)}

2. Làm xuất hiện trái tim bay lên khi rê chuột vào các link trên Blog:
Bạn hãy sử dụng đoạn mã CSS này :

a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://i395.photobucket.com/albums/pp39/prosper_dart/heartKTO.gif);}



Các bạn xem trên http://conetvn.blogspot.com/ (chi tiết)

Không có nhận xét nào:

Đăng nhận xét

Cám ơn bạn đã đóng góp cùng conetvn!