รายละเอียดบริการลงโฆษณา
 บริการจดโดเมนเนม เว็บไซด์ .Com, .Net, .Org เพียง 550 บาท / ปี    สำหรับโดเมนอื่นๆ คลิกเพื่อดูรายละเอียด สายด่วน WebSite, Domain, Hosting
 
หน้าแรกเว็บไทยดีดี      บทความรู้      เว็บบอร์ด      บริการเว็บไซต์      จดโดเมน      โฮสติ้ง ติดต่อเรา แจ้งชำระเงิน
 
การสร้างเมนูแบบมีมุมโค้ง จัดทำโดย : Mr.GuruZ พิมพ์
:: WebThaiDD.COM - ขุมทรัพย์ทางปัญญาของคนไทย •))) ------------
//การทำเมนูนั้นมีหลายแบบ แล้วแต่เราจะสร้างสรรค์ขึ้นมา แต่อย่าลืมว่าเมื่อเราสร้างเสร็จแล้วเว็บของเราจะต้องโหลดได้เร็วด้วย ดังนั้นการทำเมนูแบบนี้ก็เป็นอีกแบบที่ทำให้เมนูของเราดูดีและโหลดเร็วด้วย

ภาพเมนูตัวอย่าง


ขั้นตอนการทำ

1.> ขั้นตอนแรกเราจะต้องใช้โปรแกรม Photoshop หรือโปรแกรมที่เราชอบ สร้างมุมของเมนูขึ้นมาก่อน
(แต่เราไม่ต้องสร้างใหญ่นะครับ เพราะว่าเราใช้เฉพาะส่วนมุมเท่านั้น)

ด้านซ้าย           ด้านขวา

2.> หลังจากนั้นให้เราใช้ Dreamweaver สร้างตารางขนาด 150 px หรือตามขนาดที่เราต้องการ ส่วนจำนวนแถวนั้นเราใช้เพียง 1 แถวเท่านั้นนะครับ ส่วนจำนวนคอลัมภ์นั้นเราต้องสร้างขึ้นมา 3 คอลัมภ์ เพื่อเราจะใส่รูปภาพที่มุมทั้ง 2 ด้าน


3.> หลังจากนั้นให้เรากำหนดขนาดของตารางทั้ง 2 ด้านให้เท่ากับขนาดภาพที่เราสร้างไว้ตั้งแต่แรก ในที่นี้ที่ผมสร้างไว้เป็นขนาด 10 px ผมก็จะกำหนดตามนั้น จากนั้นให้เรากำหนดที่ Properties ให้ตำแหน่ง Vert อยู่ที่ Top ทั้ง 2 ด้าน


4.> หลังจากนั้นให้เรานำภาพที่เราเตรียมไว้ใส่ลงไปทั้ง 2 ด้าน หลังจากนั้นให้เราใส่สี #0482FC ลงในตารางที่เราสรั้าง (สีที่ใส่ก็ควรเป็นสีเดียวกับภาพนะครับ)


5.> หลังจากนั้นให้เราสร้างส่วนที่เราจะใส่เมนูย่อยต่างๆ ลงไปต่อด้านล่างของตารางที่เราสร้างไว้ตั้งแต่แรกอีกทีหนึ่ง โดยกำหนดขนาดความกว้าง 150 px และอย่าลืมกำหนด Border = 1 ด้วยนะครับ


6.> หลังจาดนั้นให้เรากำหนดสีให้กับตารางที่เราสร้างขึ้นโดย
ฺBorder =
#0482FC
Background =
#EAFFFF
หลังจากนั้นเราก็กำหนดขนาดความสูงตามแต่เราต้องการ ดังภาพ


//เพียงเท่านี้เราก็ได้เมนูสวยและเก๋ตามที่เราต้องการแล้วครับไม่ยากเลยใช่ไหมครับ



คุณอาจสนใจ
เทคนิคการทำอักษรเงาตกทอด
ล่องลอย (42,409 - 01 ส.ค. 49)
วิวซอร์ส HTML ไม่ได้
สายลม (13,361 - 05 เม.ย. 51)
การส่งค่าตัวแปลผ่าน Cookies
Mr.GuruZ (24,796 - 03 มิ.ย. 49)
รู้จักกับภาษาของคอมพิวเตอร์
เว็บไทยดีดี (16,644 - 29 ก.ย. 50)
แสดงข้อความวิ่งที่ Status Bar
เว็บไทยดีดี (21,135 - 19 ม.ค. 51)
การทำ Link ให้ Checkbox ไม่เลือกและเลือกทั้งหมด
เว็บไทยดีดี (23,677 - 21 ม.ค. 51)
เทคนิคการสร้างปุ่ม Capsule แบบที่ 2
Mr.GuruZ (54,677 - 04 มิ.ย. 49)
กำหนดค่าให้สามารถเลือก checkbox ได้ตามที่เรากำหนด
เว็บไทยดีดี (21,426 - 19 ม.ค. 51)
หน้าแรกเว็บไทยดีดี      บทความรู้      เว็บบอร์ด      บริการเว็บไซต์      จดโดเมน      โฮสติ้ง ติดต่อเรา แจ้งชำระเงิน
บริษัท เว็บไทยดีดี จํากัด ที่อยู่ 154 ซอยสุขศรีเฉลิมพจน์ แขวงวงศ์สว่าง เขตบางซื่อ กทม. 10800
โทร. 02-910-9930-1 แฟกซ์ 02-910-9931 กด 5
©
2005-2014 All rights reserved. เลขทะเบียนพาณิชย์ 0105549132957