S i X h E a D { ? } » ico http://sixhead.com เมื่อความรู้มีไว้แบ่งปัน Tue, 23 Feb 2010 14:36:26 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 เปลี่ยน mouse cursor ใน เวปเพจได้ง่ายๆ ด้วย css http://sixhead.com/2008/03/03/custom-mouse-cursor-with-css/ http://sixhead.com/2008/03/03/custom-mouse-cursor-with-css/#comments Sun, 02 Mar 2008 17:03:57 +0000 Pipo http://sixhead.com/2008/03/03/custom-mouse-cursor-with-css/ ในบางครั้ง mouse cursor เดิมๆ ที่ติดมากับ browser อาจจะน่าเบื่อเกินไป หรือบางเวปต้องการความสวยงาม อยากมี mouse cursor เป็นรูปที่ตัวเองชอบ ด้วยขั้นตอนดังต่อไปนี้ ทำให้เราสามารถที่จะทำการเปลี่ยน mouse cursor เป็นแบบที่ต้องการได้ี้

มาดูตัวอย่างจากของจริงกันเลย คลิกที่นี่
อธิบายการทำงานได้ดังนี้

 
body{
 cursor: url(miyuki.cur)
}

เป็นการสั่งให้หน้านี้มี mouse cursor เป็นไฟล์ ชื่อว่า miyuki.cur

 
<div style="cursor: help; width: 200px; height: 200px; background-color: rgb(204, 204, 204);">&nbsp;</div>
 

ส่วน div ด้านล่างแสดงให้ดูว่าเราสามารถเปลี่ยน mouse cursor ได้ใน div ใดๆ ก็ตามครับ โดยในตัวอย่างจะเป็น mouse cursor ที่มีอยู่แล้วเลยไม่ต้องระบุไฟล์ .cur

เป็นไงขั้นตอนง่ายๆ เลยใช่ไหมครับ .cur จริงๆ แล้วก็ใช้ โปรแกรมทำ icon (.ico) ทำได้เลย ในตัวอย่างผมใช้ไฟล์ .ico มา rename เป็น .cur ครับ สามารถนำมาใช้งานได้ทันที แต่ว่าน่าเสียดาย css เรื่อง mouse นี้ใช้ได้เฉพาะ IE เท่านั้นครับ

]]> http://sixhead.com/2008/03/03/custom-mouse-cursor-with-css/feed/ 0 เท่ห์ กับ thumbdrive ส่วนตัว http://sixhead.com/2008/02/14/my-custom-thumb-drive-icon/ http://sixhead.com/2008/02/14/my-custom-thumb-drive-icon/#comments Wed, 13 Feb 2008 17:30:22 +0000 Pipo http://sixhead.com/2008/02/14/my-custom-thumb-drive-icon/ เดี๋ยวนี้ thumbdrive ราคาถูกลงมาก แบบมากๆ เลย เมื่อปีกว่าที่ผ่านมาผมซื้อ thumbdrive kingston 1GB โดนไป 2,000 กว่าบาท มาตอนนี้ 2GB แค่ 350 แถม high speed เร็วกว่าของเก่าอีกต่างหาก

(high speed ก็คือสามารถ read & write หรือคือ copy file ได้เร็วกว่า thumbdrive ที่ไม่ใช่ high speed) เรื่องราคาไม่ใช่ประเด็น สิ่งที่ต้องการคือเมื่อ เสียบ thumbdrive แล้วมันเป็นรูปหรือ logo ที่เราชอบ ดูได้จากตัวอย่าง

วิธีการทำก็ง่ายอีกแล้ว เข้ามาเวปนี้ห้ามทำตัวเข้าใจอะไรยากนะ!?#@!
คือว่า icon พวกนี้ใช้ function autorun ที่มีมากับ windows อยู่แล้ว ซึ่งมีมานานมากแล้วหล่ะ

มันใช้วิธีอ่านไฟล์ autorun.inf

[autorun]
label=SiXhEaD
icon=sixhead.ico

แล้วระบุชื่อไฟล์ icon ที่เราต้องการโดยไฟล์ autorun.inf นี้จะต้องอยู่ folder นอกสุดของ thumbdrive เป็นอันจบ จากตัวอย่าง thumbdrive ของผมจะมีโครงสร้างดังนี้
/sixhead.ico
/autorun.inf

ใครอยากทำไฟล์ .ico ก็คงต้อง ออกแรงกันนิดไปหา software มาทำหรือถ้าแบบไม่คิดไรมาก ก็มีเวปทำ .ico ให้ฟรีๆ หลายที่ ยกตัวอย่างให้ซักที่แล้วกัน http://www.html-kit.com/favicon/

เรื่อง .ico ยังเล่นอะไรได้อีกมากหา software มาใช้ติดไว้ก็ไม่เสียหายครับ ไว้ค่อยมาเล่าต่อเรื่องอื่นๆ

]]> http://sixhead.com/2008/02/14/my-custom-thumb-drive-icon/feed/ 0