รายละเอียดบริการลงโฆษณา
  บริการจดโดเมนเนม เว็บไซด์ .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
หลังจากนั้นเราก็กำหนดขนาดความสูงตามแต่เราต้องการ ดังภาพ

//เพียงเท่านี้เราก็ได้เมนูสวยและเก๋ตามที่เราต้องการแล้วครับไม่ยากเลยใช่ไหมครับ
คุณอาจสนใจ
ฟังก์ชั่นคืออะไร
สายลม (27,353 - 15 มี.ค. 51)
การสร้างตารางใน Ms Powerpoint
nut (16,208 - 17 มี.ค. 51)
เทคนิคการนำไฟล์เอกสารขึ้นเว็บให้ Download
Mr.GuruZ (35,661 - 04 มิ.ย. 49)
การจัดเรียงลำดับงานที่ซ้อนกัน
หมูขุน (12,540 - 04 ก.พ. 50)
การทำปุ่ม Capsule
Mr.MAX (46,974 - 04 มิ.ย. 49)
การใช้คำสั่ง DLookup เข้ามามีส่วนร่วมกับ DMax และ DMin
นายจืด (13,535 - 09 พ.ค. 51)
การทำระบบ Login โดยใช้ฐานข้อมูล
Mr.GuruZ (218,069 - 03 มิ.ย. 49)
การแทรกเลขหน้าอย่างรวดเร็ว
สายลม (17,463 - 13 ม.ค. 50)
หน้าแรกเว็บไทยดีดี      บทความรู้      เว็บบอร์ด      บริการเว็บไซต์      จดโดเมน      โฮสติ้ง ติดต่อเรา แจ้งชำระเงิน
บริษัท เว็บไทยดีดี จํากัด ที่อยู่ 154 ซอยสุขศรีเฉลิมพจน์ แขวงวงศ์สว่าง เขตบางซื่อ กทม. 10800
โทร. 02-910-9930-1 แฟกซ์ 02-910-9931 กด 5
© 2005-2013 All rights reserved. เลขทะเบียนพาณิชย์ 0105549132957