Welcome Guest [Log In] [Register]
Mới!! Đọc truyện Archie: Làm vua trong 1 ngày kiểu mới! Click vào đây (click actual size để xem kích thước thật nếu bạn nhìn không rõ).

-Club Happy forum

Lời hay ý đẹp Chatbox Menu
Homepage
Search
Member
Calendar
FAQ
Avatar Gallery
boitinh
Checkvirus
dictonary
ecard
wishboard
video
upload
webdesign
comic
advertisecode
japanname
Posted Image

Đăng kí ngay bây giờ !!!


Username:   Password:
Gửi trả lời
Thay đổi con trỏ chuột cho Web & blog của bạn!
Topic Started: Jul 15 2008, 10:24 AM (333 Views)
vuive
Member Avatar


Nếu sử dụng trình duyệt Internet Explorer, ở trang Web nào đó bạn sẽ thấy con chuột của bạn thay đổi thành hình khác nhau trông khá bắt mắt. Vậy họ làm như thế nào ? Rất đơn giản, chỉ với một đoạn mã HTML!

Thay cho lời giới thiệu, bạn hãy nhìn con trỏ chuột của bạn khi di chuyển trên những dòng chữ này.

Trông thật tuyệt phải không?
Làm thế nào với Web của bạn?

Bạn có thể làm điều này thật đơn giản với đoạn mã sau (chèn sau thẻ hoặc bất cứ vị trí nào trên Web):
Quote:
 
</style>"><style>HTML,BODY{cursor: url("http://mangvn.org/2005/anh/chuot/vietnam.cur"), url("http://mangvn.org/2005/anh/chuot/chuthap.cur"), auto;}</style>


Trong đó thay vietnam & chuthap bằng tên của con trỏ chuột như hình dưới đây:
Posted Image

Riêng con chuột fweb (hình mũi tên xanh) là chuột động nên nó có tên là fweb.ani chứ không phải là fweb.cur

Với blog thì sao?
Ví dụ sau hướng dẫn bạn làm với blog Opera.

1. Vào My Page > Account> Design> Custome style sheet> Enter Css
2. Chọn code:

- Nếu trong blog của bạn có thẻ body {} do đã sửa chữa từ trước thì bạn chỉ cần copy đoạn code sau vào trong thẻ body {}:
Quote:
 
HTML,BODY{cursor: url("http://mangvn.org/2005/anh/chuot/fweb.ani"), url("http://mangvn.org/2005/anh/chuot/hong.cur"), auto;}


- Nếu blog của bạn chưa có thẻ body thì copy đoạn code sau vào ô enter css
Quote:
 
<br />">HTML,BODY{cursor: url("http://mangvn.org/2005/anh/chuot/fweb.ani"), url("http://mangvn.org/2005/anh/chuot/hong.cur"), auto;}
<br />">HTML,BODY{cursor: url("http://mangvn.org/2005/anh/chuot/fweb.ani"), url("http://mangvn.org/2005/anh/chuot/hong.cur"), auto;}
<br />"><br />">HTML,BODY{cursor: url("http://mangvn.org/2005/anh/chuot/fweb.ani"), url("http://mangvn.org/2005/anh/chuot/hong.cur"), auto;}
<br />"><br />"><br />">HTML,BODY{cursor: url("http://mangvn.org/2005/anh/chuot/fweb.ani"), url("http://mangvn.org/2005/anh/chuot/hong.cur"), auto;}
<br />">HTML,BODY{cursor: url("http://mangvn.org/2005/anh/chuot/fweb.ani"), url("http://mangvn.org/2005/anh/chuot/hong.cur"), auto;}
<br />"><br />">HTML,BODY{cursor: url("http://mangvn.org/2005/anh/chuot/fweb.ani"), url("http://mangvn.org/2005/anh/chuot/hong.cur"), auto;}
<br />


3. Kéo xuống phía dưới cùng của trang và chọn ô đánh dấu

- Nếu bạn đang đánh dấu Only use my custom style sheet thì cứ để nguyên đánh dấu đó và save là được
- Nếu bạn đang đánh dấu Use my custom style sheet together with the current theme thì cứ để nguyên đánh dấu và save lại
- Nếu bạn đang đánh dấu Do not use my custom style sheet thì hãy đánh dấu vào ô my custom style sheet together with the current theme và save lại.

Lưu ý:
- Code này không có hiệu lực khi xem bằng Opera.
- Nhiều người cho rằng FireFox cũng không cho phép thay chuột nhưng họ đã lầm, với đoạn code mà vuive vừa giới thiệu cho các bạn, FireFox cũng hiển thị rất tốt, tuy nhiên FireFox chỉ hiển thị các loại chuột tĩnh (đuôi .cur), không hiển thị các loại chuột động (đuôi .ani). Do đó, để tương thích cả trên Internet Explorer & FireFox, bạn có thể sử dụng 2 loại chuột khác nhau trong cùng đoạn mã trên rất hiệu quả!
Các forum khác nếu muốn share các bài của Club Happy sang trang của bạn, nhớ ghi nguồn.

Offline Member (No PM) Profile Trích dẫn Trở lên trên
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Tin học cho mọi người · Next Topic »
Gửi trả lời

Về ClubHappy: Các câu hỏi thường gặp

© Diễn đàn phát triển bởi: Vuive- Vuive -::+::-Email: Tui_la_vui_ve@Yahoo.Com.VnCác Thành Viên..
+ Các tài liệu, hình ảnh, dữ liệu... đưa lên có bản quyền thuộc về chủ sở hữu.
+ Truy cập, sử dụng website này nghĩa là bạn đã chấp nhận Quy Định của Diễn đàn.


Trở lên trên
Texas  Jones Act Lawyer
Lời nhạc Anime và Khác | :: Club Happy:: Phố Vui:: Liên hệ::