sumalee_2499 
เมนูของ siriporn5633 |
ศิริพร อีเมลติดต่อ |
วันนี้มาถึงขั้นตอนการทำเมาส์ หลังจากที่ลงโปรแกรมไว้แล้วเมื่อวาน ทำตามขั้นตอนข้างล่างเลยค่ะ
สำหรับผู้ที่ยังไม่มีโปรแกรมดูวิธี Down load โปรแกรมที่นี่ à(ตอนที่1: การติดตั้งโปรแกรมสำหรับทำเมาส์)
ขั้นตอนการทำเมาส์ไว้ใช้เอง
1. ดับเบิ้ลคลิกที่ไอคอนของโปรแกรม Sib Cursor Editor หน้าตาไอคอนแบบนี้ à
เพื่อเข้าสู่โปรแกรม จะมีกล่องเป็นรูปหมีขึ้นมา (ให้รอประมาณ 15 วินาทีเพื่อโหลด) แล้วคลิก OK ดังรูป
2. เมื่อเข้ามาในโปรแกรมจะมีกล่อง New Cursor ขึ้นมา ให้เลือก ขนาด 32x32
และเลือกสีเป็น True Color+Alpha(32 bits) แล้วคลิก OK ดังรูป
3.การทำเมาส์แบบที่ 1 ทำเมาส์เป็นตัวหนังสือ
เมื่อเข้ามาที่หน้าโปรแกรมแล้วให้คลิกที่รูปตัว T (Text T) ที่อยู่ด้านซ้ายมือ
จะมีกล่อง Add text ขึ้นมา พิมพ์ข้อความลงไปในช่อง Text
จะสังเกตเห็นว่ามีตัวหนังสือขึ้นมาให้ดูในช่อง Preview ด้วย เสร็จแล้ว คลิก OK ดังรูป
4. จะเข้ามาสู่หน้าต่าง ดังรูป
ให้เลื่อนตัวหนังสือลงมาอยู่ตรงกลางโดยการนำเมาส์ไปวางที่ตัวหนังสือคลิกค้างเอาไว้แล้วลากลงมา
จากนั้นไปคลิกที่รูปดินสอ (Pencil P) อยู่ด้านซ้ายมือ แล้วนำดินสอไปจิ้มสีที่อยู่ด้านขวามือ
แล้วนำดินสอนั้นไปวาดเป็นมุมสามเหลี่ยมเพื่อให้เป็นมุมสำหรับชี้ของเมาส์ ดังรูป
5. คราวนี้ก็มา save รูปเมาส์ที่ทำเสร็จแล้ว
โดยไปที่เมนู File àsave จะมีหน้าต่าง save as ขึ้นมาให้ตั้งชื่อไฟล์ (มีสกุลเป็น “.CUR” ด้วยนะคะ)
เก็บไว้ที่ mypicture ก็ได้ แล้วก็ save ดังรูป
(อย่าลืมว่า save เก็บไว้ที่ไหนเดี๋ยวจะต้องนำไปขึ้นที่ไฟล์อัลบั้มของ GotoKnow ต่ออีกค่ะ)
เป็นอันเสร็จแล้วค่ะสำหรับเมาส์แบบที่ 1 (ทำเมาส์เป็นตัวหนังสือ)
รูปตัวอย่างเมาส์ที่ทำเสร็จแล้ว
การทำเมาส์แบบที่ 2 วาดรูปทำเป็นเมาส์
ทำตามขั้นตอนข้อที่ 1-2 เมื่อเข้ามาที่หน้าโปรแกรมแล้วให้คลิกที่รูปดินสอ (Pencil P) อยู่ด้านซ้ายมือ
แล้วนำดินสอไปจิ้มสีที่อยู่ด้านขวามือ แล้วนำดินสอนั้นไปวาดรูปตามต้องการบริเวณตรงกลาง
แล้ววาดมุมสามเหลี่ยมเพื่อให้เป็นมุมสำหรับชี้ของเมาส์ ดังรูป
คราวนี้ก็มา save รูปเมาส์ที่ทำเสร็จแล้ว โดยไปที่เมนู File àsave
จะมีหน้าต่าง save as ขึ้นมาให้ตั้งชื่อไฟล์ (มีสกุลเป็น “.CUR” ด้วยนะคะ)
เก็บไว้ที่ mypicture ก็ได้ แล้วก็ save ดังรูป
(อย่าลืมว่า save เก็บไว้ที่ไหนเดี๋ยวจะต้องนำไปขึ้นที่ไฟล์อัลบั้มของ GotoKnow ต่ออีกค่ะ)
เป็นอันเสร็จแล้วค่ะสำหรับเมาส์แบบที่ 2 (วาดรูปทำเป็นเมาส์)
รูปตัวอย่างเมาส์ที่ทำเสร็จแล้ว
การนำเมาส์มาใช้ในบล็อก GotoKnow
1. นำรูปเมาส์ขึ้นที่ไฟล์อัลบั้ม เพื่อให้มีที่อยู่ (url) ของไฟล์รูปเมาส์
เข้ามาที่ Gotoknow ไปที่ไฟล์อัลบั้ม คลิกเมนูทางลัด à ไฟล์อัลบั้ม à นำไฟล์ขึ้นà Brouse ดังรูป
มีกล่อง Choose file ขึ้นมา คลิกที่รูปเมาส์ à Open
แล้วก็คลิก นำไฟล์ขึ้นค่ะ ดังรูป
คราวนี้ก็จะมี url ของรูปเมาส์แล้วค่ะ (ตรงที่ทำแถบสีฟ้าไว้) ดังรูป
2. ให้ copy code ของ css ต่อไปนี้ (เปลี่ยน url ของรูปเมาส์ตรงที่ทำสีแดงไว้ให้เป็นของแต่ละคนด้วยค่ะ)
|
body {cursor: url(http://gotoknow.org/file/siriporn5633/icontes3.cur); } a {cursor: url(http://gotoknow.org/file/siriporn5633/icontes3.cur);}
|
นำไปวางในกรอบสี่เหลี่ยมของ CSS ที่ตกแต่งมาเอง คลิกเลือก บันทึก CSS ดังรูป
เป็นอันเสร็จสมบูรณ์จะได้เมาส์ที่ทำเองไว้ใช้แล้วค่ะ
หากมีข้อสงสัยตรงไหนสอบถามมาได้ค่ะ
แล้วอย่าลืมมาส่งการบ้านกันด้วยนะคะ ...สวัสดีค่ะ
