†°¨¨°º°¨¨°_.•´¯`•º°¨Infomartion Technology¨°º•´¯`•._°¨¨°º°¨¨°†

**Registration date :** 04/10/2008

Hiện nay trên một số trang Web và Blog cho rằng chúng ta không thể tạo trỏ chuột cho Blog Opera chạy trên trình duyệt FireFox, nhưng họ đã lầm, chúng ta vẫn có thể thực hiện trỏ chuột trên Blog Opera bằng Firefox. Sau đây là bài hướng dẫn cách tạo trỏ chuột kể cả Hover (Khi rê chuột lên một Links trỏ chuột cũng sẽ thay đổi) và kể cả Text (Sẽ thay đổi khi ta rê chuột lên phần Comment).

Để thay đổi được trỏ chuột bạn phải vào thay đổi phần User.css (File mà bạn up lên hoặc bạn đã dán trong phần Custom Style Sheet)

Các bạn hãy thực hiện theo các phần sau đây:

Phần 1: Tạo trỏ chuột trên toàn trang Blog.

Trước tiên bạn vào Custom Style Sheet, tìm chữ body (Đây chính là phần thay đổi giao diện chính cho toàn Blog).

Ví dụ như của tôi là:
body {
background-color:#42AFDC;
margin:0;
padding:0;
font-family: Verdana,Tahoma, Arial,’trebuchet ms’,helvetica,sans-serif;
font-size:12px;
line-height:145%;
text-align:center;
color:#111;
}
Các bạn đừng quan tâm những gì trong đó (nhớ đừng xóa nếu bạn không biết gì về nó).

Bạn hãy thêm vào thẻ Body đoạn Code sau:

cursor:url(”http://…”), url(”http://…”), auto;

Như vậy nếu hoàn chỉnh sẽ là:

body {

cursor:url(”http://…”), url(”http://…”), auto;
background-color:#42AFDC;
margin:0;
padding:0;
font-family: Verdana,Tahoma, Arial,’trebuchet ms’,helvetica,sans-serif;
font-size:12px;
line-height:145%;
text-align:center;
color:#111;
}

Xong phần 1. Nếu bạn nào thích thì xem tiếp phần 2.

Phần 2: Tạo hiệu ứng trỏ chuột khi rê lên một Links nào đó.

Bạn vào Custom Style Sheet, tạo thêm một Code mới:

a:hover {
cursor:url(”http://…”), url(”http://…”), default;
}

Đây là Code hoàn toàn riêng biệt với Body chứ không nằm trong Body.

Xong phần 2. Còn lại là phần cuối.

Phần 3: Tạo hiệu ứng trỏ chuột khi rê vào phần Comment.

Tương tự như Phần 2, chúng ta thêm vào phần Custom Style Sheet đoạn Code:

textarea:hover {
cursor: url(”http://…”), url(”http://…”), default;
}

Chú ý: http://… là đường dẫn đến trỏ chuột của bạn. Nhớ để đường dẫn trong dấu ngoặc kép. Bạn nên Up lên Host của Opera là tốt nhất. Định dạng của trỏ chuột phải là .cur, còn định dạng .ani sẽ không sử dụng được.

Nếu có khó khăn các bạn có thể vào: Đây để được giúp đỡ.

Xem demo tại đây
Chúc bạn thành công.

†°¨¨°º°¨¨°_.•´¯`•º°¨Infomartion Technology¨°º•´¯`•._°¨¨°º°¨¨°†

¨˜°º¥º°˜¨Soft Ware Thôn¨˜°º¥º°˜¨

¨˜°º¥º°˜¨SoftWares¨˜°º¥º°˜¨

†°¨¨°º°¨¨°_.•´¯`•º°¨Infomartion Technology¨°º•´¯`•._°¨¨°º°¨¨°†

¨˜°º¥º°˜¨Soft Ware Thôn¨˜°º¥º°˜¨

¨˜°º¥º°˜¨SoftWares¨˜°º¥º°˜¨

†°¨¨°º°¨¨°_.•´¯`•º°¨Infomartion Technology¨°º•´¯`•._°¨¨°º°¨¨°†

¨˜°º¥º°˜¨Soft Ware Thôn¨˜°º¥º°˜¨

¨˜°º¥º°˜¨SoftWares¨˜°º¥º°˜¨