Thứ Sáu, 17 tháng 2, 2012

THAY ĐỔI HÌNH DÁNG CON TRỎ CHUỘT PHẦN 2

Trước đây, tôi có chia sẻ với các bạn cách thay đổi hình dáng con trỏ chuột (Xem TẠI ĐÂY).
Kỳ này, tôi tiếp tục chia sẻ với các bạn cách thay đổi hình dáng con trỏ chuột phần 2.



Phần 2 này, có 2 kiểu để bạn lựa chọn:
Kiểu 1: Với kiểu này thì bạn chỉ cần 1 hình ảnh cho con chuột.


Xem thử


Bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.

<div align="center" style="visibility: visible; z-index: 9;">
<style>
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0OrG7QzyhlxUb-OJvrDwb4MVmApA26teq4aB__KJZFfEoSi0XXj-ujD9fi2GRexLEBl4ZHokY1NwOZFl44Azr-3lqbgJBXB3TvqGZ0pYyPnsZoHTuwuNVSidqV01Gq6m7j7VjUauxLzQ/s1600/batmanlogo.gif"), auto;}
</style></div>


Kiểu 2: Còn với kiểu 2 này, bạn phải cần đến 2 hình ảnh con trỏ chuột.



Xem thử


Bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào
<div align="center" style="visibility: visible; z-index: 9;">
<style>
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA59JBAK_rPmbWCGZwEDmxKaBSum18d83hlrYnci19OwgWaXbOitnbjPDi-8tIU04sTGLe3giynUgwu1aRD6-oN_2SlkX1sxNum-UGDbirEoX4SzTEczJVxQR5UTlAHRRd_wl0jJaaVgw/s1600/acespades.gif"), auto;}
</style></div>
<style>
A:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUozHLdKBqJsb7DTr6WIn-U5SsM7hVdUh3ZuY-NhzrSwZL6wYukfClbtzpZvMK78Yek7LeffNwptkT-f63w29aBrqjrux6YEX6-nuH0l_SId4Se4GwXgXx0CYfNftTliU4bNyIZ81uP0c/s1600/acehearts.gif"), auto;}
</style>


Bạn thay đổi link màu đỏ (đây là link ảnh của con trỏ chuột) để có hình dáng con trỏ chuột theo ý của bạn.
Nếu chưa có hình con trỏ chuột nào vừa ý, bạn có thể bấm vào thẻ phía dưới để lựa chọn cho mình con trỏ chuột "dễ thương" nha.



Xem và tải hình con trỏ chuột



Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét:

Đăng nhận xét