Thay đổi con trỏ chuột cho Web & blog của bạn!

Thứ hai - 28/01/2008 09:35

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):

</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>"></style>">

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

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 {}:

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:

">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 />"><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 />">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 />"><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à mangvn.org 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ả!

Theo dòng sự kiện

Xem tiếp...

Những tin mới hơn

Những tin cũ hơn

Giới thiệu về NukeViet

Giới thiệu khái quát NukeViet là một ứng dụng trên nền web có thể sử dụng vào nhiều mục đích khác nhau. Phiên bản đang được phát hành theo giấy phép phần mềm tự do nguồn mở có tên gọi đầy đủ là NukeViet CMS gồm 2 phần chính là phần nhân (core) của hệ thống NukeViet và nhóm chức năng quản trị nội...

Thăm dò ý kiến

Thống kê truy cập

Đang truy cập141
Máy chủ tìm kiếm2
Khách viếng thăm139
Hôm nay37,522
Tháng hiện tại120,350
Tổng lượt truy cập119,688,376

Thông tin mời thầu

Tin từ NukeViet.vn

Cảnh báo PHP2Shell: lỗ hổng RCE nghiêm trọng trong PHP
Ngày 21/10/2026, PHP phát hành bản vá khẩn cấp cho hai lỗ hổng thực thi mã từ xa không cần xác thực (CVE-2026-109618 và CVE-2026-109619, gọi chung là PHP2Shell). Website NukeViet chạy trên PHP chưa vá cần được nâng cấp ngay.
DauThau.info - Một sản phẩm công nghệ phát triển trên nền tảng NukeViet
Được xây dựng trên nền tảng CMS mã nguồn mở NukeViet, DauThau.info đã trải qua quá trình phát triển và mở rộng liên tục để đáp ứng những bài toán ngày càng chuyên sâu của dữ liệu đấu thầu. Từ nền móng công nghệ ban đầu, sản phẩm từng bước được mở rộng với các công cụ phục vụ tìm kiếm, theo dõi và phân tích dữ liệu, dần trở thành một hệ thống chuyên biệt phục vụ thị trường đấu thầu Việt Nam.
Thông báo phát hành NukeViet 4.6.02
NukeViet 4.6.02 là phiên bản tiếp theo của NukeViet CMS, đây cũng là bản cập nhật bảo mật rất quan trọng được khuyến nghị cho toàn bộ người dùng.
Thông báo phát hành NukeViet 4.6.01
NukeViet 4.6.01 là phiên bản tiếp theo của NukeViet CMS, đây cũng là bản cập nhật bảo mật rất quan trọng được khuyến nghị cho toàn bộ người dùng.
Cộng đồng nghiên cứu bảo mật đồng hành cùng NukeViet bảo vệ hạ tầng số Việt Nam
Ngày càng nhiều sinh viên, nhà nghiên cứu và chuyên gia an toàn thông tin lựa chọn đồng hành cùng NukeViet trong việc phát hiện, báo cáo và khắc phục các lỗ hổng bảo mật. Những đóng góp đó không chỉ giúp hoàn thiện một dự án mã nguồn mở Việt Nam mà còn góp phần bảo vệ hàng nghìn website của cơ quan, tổ chức và doanh nghiệp đang vận hành trên nền tảng này.
Thông báo phát hành NukeViet 4.6.00
NukeViet 4.6.00 là phiên bản tiếp theo của NukeViet CMS dựa trên kế thừa các chức năng của dòng 4.5 và yêu cầu máy chủ hỗ trợ php 7.4 trở lên. Đây cũng là bản cập nhật bảo mật rất quan trọng được khuyến nghị cho toàn bộ người dùng.
Thông báo bảo mật dòng NukeViet 4.5.x
Dòng NukeViet 4.5.x đã bước vào giai đoạn duy trì cuối vòng đời. Trang này ghi nhận liên tục các vấn đề bảo mật và cách chúng tôi xử lý để giữ an toàn cho những website còn ở lại trên dòng 4.5.x đến tháng 7 năm 2027. Chúng tôi vẫn nỗ lực bảo vệ bạn ở mức tốt nhất có thể trên nền tảng này — nhưng nếu có điều kiện, hãy lên kế hoạch chuyển sang phiên bản mới hơn để được bảo vệ tận gốc.

Kế hoạch lựa chọn nhà thầu