Tạo con trỏ chuột chạy trên Firefox - Hồ Văn Thuyên

      

      Việc tạo co trỏ chuột trên IE thì vô cùng đơn giản nhưng tạo con trỏ

   chuột trên Firefox thì lại vô cùng khó khăn với nhiều bạn .

   Giờ đây chuyện đó chỉ là quá khứ .

   Việc tạo con trỏ chuột trên Firefox vô cùng đơn giản thôi

      ( Tất nhiên là nó vẫn chạy Ok trên trình duyệt IE nha ).

   Sau đây mình xin giới thiệu đến các bạn

   cách tạo con trỏ chuột đẹp mắt và hấp dẫn .

* Phần 1 : Tạo con trỏ chuột trên toàn bộ Web Blog .

      - Đầu tiên : các bạn mở flie CSS của mình ra Ví dụ của mình :

      body {
      background-image:url (images/bg.jpg)
      margin:0;
      padding:0;
      font-family: Times News Roman Verdana  Arial  helvetica sans-serif;
      font-size:13px;
      line-height:1.2em;
      text-align:center;
      color:#ff00ff;
      }
   Sau đó các bạn copy đoạn code sau đặt vào trong thẻ BODY của bạn :
      cursor:url("http://...")  url("http://...")  auto;
Khi đó đoạn code BODY đó sẽ như sau :
      body {
      background-image:url (images/bg.jpg);
      margin:0;
      padding:0;
      font-family: Times News Roman Verdana  Arial  helvetica sans-serif;
      font-size:13px;
      line-height:1.2em;
      text-align:center;
      color:#ff00ff;
      cursor:url("http://...")  url("http://...")  auto;
      }

Vậy là xong phần 1 .

    * Phần 2 : Tạo con trỏ chuột hiển thị khi rê chuột qua link liên kết .

Ở Trong thẻ A:HOVER ví dụ của mình như sau :

   A:HOVER {
	color:#00ff00;
	background-image:url (images/heart);
	}
	Mình sẽ thêm đoạn code sau vào phần code trên :
	
      cursor:url("http://...")  url("http://...")  default;
Sau đó ta có đoạn code hoàn chỉnh như sau :
            a:hover {
	      color:#00ff00;
	      background-image:url (images/heart);
	      cursor:url("http://...")  url("http://...")  default;
	      }
	Như vậy là Ok rồi đó !
	Và cứ như vậy các bạn muốn con trỏ chuột của mình rê qua link
	của các phần khác các bạn cũng làm tương tự như hướng dẫn trong 
	*Phần 2 của mình . Bạn chỉ cần tìm đoạn code có chữ "HOVER"
	sau đó thêm vô là xong .

	Chú ý: http://... là đường dẫn đến trỏ chuột của bạn.
	Như của mình là : 
         http://hovanthuyen.vnweblogs.com/gallery/19648/hvtyellow.cur
	 Nhớ để đường dẫn trong dấu ngoặc kép.
       Định dạng của trỏ chuột phải là .cur 
	 Định dạng .ani sẽ không sử dụng được.

	Giải thích : Như ngay trên trang của mình   con trỏ chuột trên toàn trang
	có màu vàng : Do mình thêm đoạn code sau trong thẻ BODY
	
   cursor:url("http://hovanthuyen.vnweblogs.com/gallery/19648/hvtyellow.cur") 
      url("http://hovanthuyen.vnweblogs.com/gallery/19648/hvtyellow.cur")  auto;
	
Con trỏ chuột màu hồng xuất hiện khi rê chuột qua link mình chỉ việc thêm đoạn code sau trong thẻ A:HOVER
   cursor:url("http://hovanthuyen.vnweblogs.com/gallery/19648/hvtpink.cur")  
		url("http://hovanthuyen.vnweblogs.com/gallery/19648/hvtpink.cur")  default;
	
	Một số trang Web cho bạn download con trỏ chuột miễn phí 
      1.http://www.totallyfreecursors.com/
	2.http://www.cursors-4u.com/
	3.http://www.24toy.com/cursor/index.htm
	4.http://www.myspacecursor.net/
	5.http://cursormania.smileycentral.com/download/index.jhtml

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


                                                                                                                                       - Hồ Văn Thuyên -

PhanHien

Chào bạn! Cảm ơn bạn đã vào thăm ngôi nhà của mình. Gần dây mình cũng mạo muội ghé thăm bạn vài lần. Mỗi ngôi nhà đều có nội thất những lại không giống nhau đúng không bạn? Ngôi nhà của bạn cũng thật thú vị. Chúc bạn thành công!