[How to] : มาทำ Cursor ในแบบฉบับของตัวเองกันเต๊อะ 
posted on 16 Mar 2009 18:12 by tobidasou
โย้เย่ ~!! เห็น Cursor จานบิน บินว่อนไปว่อนมาอยู่บนหน้าจอไหมครับ . . . ใช่แล้ว วันนี้ผมจะมาแนะนำวิธีทำ Cursor ง่าย ๆ เพื่อที่เพื่อน ๆ จะได้นำ Mascot หรือ Logo ที่ชอบ มาทำเป็น Cursor เพื่อใช้แสดงในบล็อคของตัวเองครับ
ก่อนอื่นต้องขอขอบคุณท่านริจ rije ที่ช่วยแนะนำครับ ต้องบอกก่อนเลยว่าหากเพื่อน ๆ จะนำ Cursor มาใช้บน exteen โดยที่ Browser ของเพื่อน ๆ คือ FireFox ละก็ สกุลของ Cursor นั้นจะต้องเป็น .cur เท่านั้นครับ และรูปแบบของ Code จะเป็นอย่างนี้
body { cursor:url(ลิงค์เคอร์เซอร์) ,auto; }
a { cursor:url(ลิงค์เคอร์เซอร์) ,auto; }
เอาหละ ๆ งั้นมาเริ่มกันเล้ย ~!!
อันดับแรกให้เพื่อน ๆ ดาวน์โหลดโปรแกรมนี้ก่อนครับ Cursor-Editor (1.76MB) . . . เมื่อดาวน์โหลดเสร็จแล้วจะได้ตัว Install ชื่อ Cursor-Editor ให้ติดตั้งโปรดแกรมให้เรียบร้อยน่ะครับ (ในที่นี้ขอไม่สอนวิธีติดตั้งน่ะครับ) แล้วจะได้ Shoutcut ของโปรแกรม ชื่อ Sib Cursor Editor คลิกเข้าไปเลยครับ
เมื่อคลิกโปรแกรมเข้าไปแล้วเจอเห็นหน้าต่างรูปหมีครับ ให้รอซักประมาณ 5 วินาที แล้วปุ่ม OK จะใช้งานได้ครับ . . . จากนั้นก็คลิก OK เข้าไปเล้ย
ให้ตั้งค่าทุกอย่างตามรูปเลยน่ะครับ . .
คราวนี้เราก็จะได้หน้าต่างสำหรับสร้างานแล้วครับ แต่ก่อนอื่นให้เราเลือก Add Image เพื่อที่จะใช้รูปในเครื่องมาทำเป็น Cursor ครับ
ถ้ารูปที่เราต้องการไม่สามารถเลือกได้ก็ต้องมาปรับการเรียกไฟล์สกุลที่ Files of type ตามลูกศรให้เป็น All flies ก่อนน่ะครับ แล้วโปรแกรมจะโชว์ไฟล์ทุกสกุลให้เราเลือก
เมื่อได้รูปที่เราต้องการแล้วก็เชิญเพื่อน ๆ ตกแต่งกันได้ตามสบายเลยคร้าบบบ แนะนำให้เติมลูกศรตรงมุมบนซ้ายเข้าไปน่ะครับ เวลาใช้งานจริง ๆ จะได้สะดวก . . เมื่อตกแต่งกันอย่างหนำใจแล้วก็ถึงเวลาเซพผลงานกันแล้วครับ
อย่างที่บอกเอาไว้ข้างต้นน่ะครับว่า ถ้าจะเปิดด้วย FireFox นี่ ต้องใช้ไฟล์สกุล .cur เท่านั้นครับ ถ้าใช้ไฟล์สกุลอื่น FireFox จะไม่สามารถแสดง Cursor ให้เห็นได้ครับ แต่ IE สามารถ . . เพราะฉะนั้นก่อนที่จะกด Save ให้กดเลือกไฟล์สกุลให้เป็น .cur ก่อนครับ
แค่นี้ก็เสร็จเรียบร้อยแล้วครับ สำหรับ Cursor เจ๊ง ๆ สไตล์ตัวเอง . . แต่ . . อย่าลืมน่ะครับ ว่าเราต้องอัพ Cursor ของเราผ่านทาง host ก่อน เพื่อที่จะนำ Link มาใส่ใน Code CSS ของ exteen ครับ . . และผมก็ได้เตรียม host ฝากรูป .cur มาฝากเพื่อน ๆ แล้วด้วยยยย ~!! อยากบ่นนิดนึงว่า host ที่รับฝากไฟล์ .cur นี่หายากมาก ส่วนใหญ่ที่เจอก็จะเรียกเก็บตังค์ทั้งนั้น แต่ด้วยความพยายามที่จะใช้ของฟรีแล้วนั้น ผมก็สามารถหา host ฝากไฟล์ .cur ฟรี ได้แล้ว !! เย้ คลิกไปเลยครับ upfile ตอนอัพโหลดแนะนำให้เปลี่ยน ระยะเวลาที่ต้องการเก็บไว้ เป็น Forevor ด้วยน่ะครับ เพื่อที่จะให้ Cursor ของเราอยู่ได้นานที่สุด จะได้ไม่ต้องมาอัพโหลดใหม่บ่อย ๆ . . เมื่อได้ url ของ Cursor แล้วนั้นก็ให้นำมาใส่ใน CSS ตรงส่วนด้านล่างสุดของ CSS เลยน่ะครับ ตาม Code ข้างล่างนี้เลยครับ (ยกมาแปะให้อีกที)
body { cursor:url(ลิงค์เคอร์เซอร์) ,auto; }
a { cursor:url(ลิงค์เคอร์เซอร์) ,auto; }
คราวนี้เพื่อน ๆ ก็จะมี Cursor เป็นของตัวเองมาโลดแล่นในหน้าบล็อค exteen กันแล้วว !!!


เดี๋ยวลองทำดูบ้างนะครับ
อ่ะ
#1 By เด็กวัดจอมทะเล้น on 2009-03-16 19:22