Monday, February 18, 2008

Posted by giogio

ปรับแต่ง Cursor ง่ายๆ ได้ใจเด็กแนว

ครั้งนี้จะเป็นการปรับแต่ง cursor ของเราที่มีอยู่ให้ไม่เหมือนใคร เพราะคนอื่นเค้ามีกันแบบเดียว แต่ของเรามี 2 แบบ แนวกว่า!

1. ให้เราสังเกตุ cursor โค้ดของเราตรง

<STYLE TYPE="text/css"> p {align=justify} BODY{cursor: url(http://www.htmate2.com/cursors/images/xxx-1.ani);} a {cursor: url(http://www.htmate2.com/cursors/images/xxx1.ani);} </STYLE>

จะเห็นได้ว่ามันมีลิ้งค์ url ของรูป cursor ที่ซ้ำกัน 2 ลิ้งค์ คือ

http://www.htmate2.com/cursors/images/xxx-1.ani

2. ให้เราทำการแก้ไขลิ้งค์ไดลิ้งค์หนึ่ง ให้เป็นลิ้งค์ของ url ของ cursor รูปอื่นซะ เมื่อปรับแต่งแล้ว ให้บันทึกโปรไฟล์

<STYLE TYPE="text/css">p {align=justify} BODY{cursor: url(http://www.htmate2.com/cursors/images/xxx-1.ani);} a {cursor: url(http://www.htmate2.com/cursors/images/xxx-2.ani);} </STYLE>

3. ให้เราออกมาเทสดูที่หน้าหลัก hi5 ของเรา แล้วลองเอาเม้าส์ไปชี้ในส่วนที่เป็นลิ้งค์ดู
แค่นี้รูป cursor เม้าส์บน hi5 ของเราก็มี 2 รูปแล้ว