Chủ Nhật, 25 tháng 9, 2011

Nhiều Kiểu Con Trỏ Chuột Cho Blog


Máy tính nhà bạn có nhiều kiểu chuột rất đẹp. Nào là trái tim có đôi cánh của thiên thần, rồi hoa lá bay, con rùa, con vịt v.v... Trang trí cho máy tính bằng những kểu chuột như vậy trông máy tính nhà mình đẹp lên rất nhiều phải không?
Thế nhưng có khi nào, các bạn nghĩ đến việc blog của các bạn cũng cần có nhiều kiều chuột như vậy chưa...? Đã đến lúc, bạn cần trang trí cho blog của mình bằng nhiều kiểu chuột xinh xắn như vậy. Với những kiểu chuột này chắc chắn blog của các bạn sẽ trông đẹp hơn và pro hơn. 
™» hoithanhcaygiang blog «™ Hôm nay, mình sẽ hướng dẫn các bạn tạo các kiểu chuột cho blog. Các bạn hãy ;thực hiện theo những chỉ dẫn bên dưới :



Bước 1 : Vào 2 trang web bên dưới để lấy link các kiểu chuột mà bạn thích :


http://totallyfreecursors.com/
http://www.cursors-4u.com/


Lưu ý : Bạn nên click vào ảnh bên dưới để xem cách lấy link chuột.


- - > Đoạn code copy về có dạng :

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur56.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2006/04/23/cur56.html" target="_blank" title="Grey Wavy Cursor Tail 6"><img src="http://cursors-4u.com/cursor.png" border="0" alt="Grey Wavy Cursor Tail 6" style="position:absolute; top: 0px; right: 0px;" /></a>

- - > Đường link : http://cur.cursors-4u.net/cursors/cur-1/cur56.ani   mới chính là link của chuột.

Bước 2 : Thay các link màu xanh trong đoạn code bên dưới bằng link chuột bạn đã lấy về:

body{cursor: url(http://cur.cursors-4u.net/special/spe-4/spe376.cur);}
a:hover{cursor: url(http://cur.cursors-4u.net/special/spe-4/spe376.cur);}

Trong đó :
body : là lệnh cho con trỏ hiện thị trên toàn bộ blog.
-  a:hover : là lệnh cho con trỏ chuột hiển thị khi đặt con trỏ chuột trên một link liên kết.
Ngoài ra, còn một số lệnh khác các bạn cũng thực hiện tương tự như với lệnh body a:hover
pointer
crosshair
n-resize
w-resize
ne-resize
nw-resize
move

wait
help

Bước 3 : Copy toàn bộ code ở bước 2 dán vào phần CSS trong blog.
Bước 4 : Save lại và xem kết quả

Chúc các bạn thành công !

Bài viết này thuộc sở hữu của Hội Thánh Cây Giang
Khi copy, các bạn nhớ ghi rõ nguồn gốc. Xin chân thành cảm ơn!

0 Bình Luận:

Đăng nhận xét

Nội quy comments của CGC Forum :
1. Comments không được sử dụng lời lẽ thiếu văn hóa, ảnh hưởng xấu đến chính trị, tổ chức, cá nhân.
2. Không được sử dụng comments với mục đích spam.
Những comments làm trái quy định sẽ bị xóa...!
Xin cảm ơn các bạn đã đóng góp comments và tuân thủ nội quy của blog !
Notice by Admin

 
CGC Forum | Thủ Thuật © 2011 - 2012 by Tran Viet Duc
Top Page