[โดนใจ] Round Corner Generator สำหรับแต่งเวบ

เดี่ยวนี้ใครๆ ก็ชอบขอบโค้งกันทั้งนั้น (หรือออฟคิดไปเองก็ไม่รู้) แต่ถ้าสังเกตการออกแบบเวบไซต์ในช่วงนี้ขอบโค้งจะเป็นเรื่องสามัญไปแล้ว แบบว่ามันช่วยทำให้กล่องหรือส่วนนั้นไม่จืดจนเกินไป ซึ่งออฟก็เห็นด้วยมากๆ แต่ปัญหาของคนแต่งเวบไซต์ก็คือ ขี้เกียจตัดรูปมาทำขอบโค้งนั่นเอง วันนี้ออฟก็เลยมาแนะนำตัวช่วย http://www.roundedcornr.com/ โดนใจที่จะช่วยในการสร้างขอบโค้งเพื่อใช้ในการแต่งเวบนั้นง่ายมากๆ ไม่ถึง 5 นาทีเลยทีเดียว

หลักการสร้างขอบโค้งโดยทั่วไป

1. ตัดรูปเป็นขอบโค้งเฉพาะส่วนมุม
2. ตัดรูปเป็นขอบโค้งเป็นแถบ
3. ใช้ Mozilla Rounded Corners ซึ่งช่วยในการแสดงขอบโค้งโดยไม่ใช้รูปภาพ (แต่ใช้ได้กับเฉพาะบราวเซอร์ Firefox)

การใช้งาน RoundedCornr

1. เข้าไปที่เวบไซต์ http://www.roundedcornr.com/
2. เลือกว่าต้องการสร้างแบบใด
   – Basic RoundedCornr : สร้างขอบโค้งแบบทั่วไป
   
   – RoundedCornr with Gradient : สร้างขอบโค้งที่มีการไล่สีแบบกราเดียน
   
   – RoundedCornr with Border : สร้างขอบโค้งแบบที่มีเส้นขอบ
   
   – Single RoundedCornr Image : สร้างขอบโค้งแบบที่ต้องการได้เลย โดยสามารถปรับได้ว่าต้องการให้โค้งที่มุมใด, ใช้สีอะไรเป็นพื้นหลัง, มีเส้นขอบไหม
   
3. เมื่อเลือกได้แล้วว่าอยากได้ขอบโค้งแบบไหนก็ทำการกำหนดค่าตามต้องการเลยค่า