เรื่อง :: เปลี่ยน Mouse หน้า Web Page

หลายท่านคนรู้จัก Mouse เป็นอย่างนี้นะครับ ถ้าใครยังไม่รู้จักก็ให้ดูเจ้าลูกศรที่เราจับมันเคลื่อนไปเคลื่อนมานะแหละครับ ซึ่งโดยปรกติ Mouse เมื่ออยู่หน้าเว็บเพจแล้วมันก็จะมีรูปร่างเหมือนที่ท่านใช้กับระบบ windows โดยทั่วไปครับ คือ จะเป็นรูปลูกศรชี้ขึ้น และมีความเบี่ยงเบนไปทางซ้ายมือเราเล็กน้อย ถ้าท่านเบื่อรูปร่างของ Mouse นี้ แล้วอยากจะเปลี่ยนผมมีวิธีทำมาฝากกัน โดยการใช้ Dreamweaver นี้แหละครับ ไปดูกันครับ

---

วิธีการทำ

ให้ท่านเปิดหน้าต่าง CSS ขึ้นมาโดยเข้าไปที่ Menu Bar นะครับ แล้วไปตามนี้
Menu Bar > Window > CSS Styles
เมื่อไปแล้วจะได้หน้าต่างดังรูป Pic.1 นะครับ จากนั้นให้ท่าน Click ไปที่ New CSS Style (ตรงรูปเครื่องหมายบวก (+) ที่อยู่ตรงมุมขวามือล่างของหน้าต่างครับ) ดูรูป Pic.1 ประกอบนะครับ

Pic.1
เมื่อท่าน Click ลงไปแล้วจะเกิดหน้าต่างใหม่ที่ชื่อว่า New CSS Style ขึ้นมา ดังรูป Pic.2 นะครับ ที่หน้าต่างนี้ให้เรากำหนดค่าดังนี้

Pic.2

Type :: เลือกที่ Redefine HTML Tag
Tag :: เลือกไปที่ body
Define In : เลือกไปที่ This Document Only

จากนั้น Click ที่ Ok ของหน้าต่างนี้ครับ จากนั้นก็จะมาที่หน้าต่างต่อไป ดังรูป Pic.3 นะครับ

 

 

 

Pic.3
ที่หน้าต่างนี้ทางช่องซ้ายมือของเราให้เลือกไปที่ Extensions นะครับ เมื่อเลือกแล้วก็จะได้หน้าตาดังรูป Pic.3 นะครับ

 

 

 

 

 

 

 

 

 

จากนั้นให้เรามาที่ช่อง Cursor นะครับ เพื่อมาเลือกรูปแบบของ Cursor หรือ Mouse ที่เราจะเปลี่ยนรูปร่างกันนะแหละครับ โดยที่รูปร่างหน้าต่างของ Cursor ที่เราจะเปลี่ยนนั้นจะมีให้ทั้งหมดประมาณ 14-15 รูปแบบครับ โดยมีรายละเอียดของรูปแบบคร่าว ๆ ดังนี้นะครับ
(ผมจะยกตัวอย่างให้รู้จักสัก 5 รูปแบบนะครับ)
hand :: เป็นรูปมือ คล้าย ๆ ที่เราจะคลิ๊กที่ link
crosshair :: เป็นรูปคล้าย ๆ อักขระบวก (+) เหมือกับหน้าเว็บนี้ครับ
text :: เป็นรูปแบบคล้าย ๆ cursor ที่ปรากฏเวลาเราจะพิมพ์ข้อความในเอกสาร
wait :: จะเป็นรูปนาฬิกาทราย
default :: จะเป็นค่าปรกติของ Mouse
:: ตัวอื่นก็ทดลองเปลี่ยนกันดูนะครับ ::

 

เมื่อเลือกได้แล้วก็ Click ที่ OK นะครับ จากนั้นให้เรา Preview ดูกับหน้า Browser เรานะครับ