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


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



คุณอาจสนใจ
วิสต้าไม่ยอมรับ AVG
สายลม (13,286 - 22 มี.ค. 51)
การจับกลุ่มงาน
หมูขุน (14,583 - 04 ก.พ. 50)
วิธีเล่น MSN กับเมล์อื่น ๆ ที่ไม่ใช่ hotmail
เว็บไทยดีดี (15,069 - 03 พ.ย. 50)
FreeCommander สำหรับคนเบื่อ Windows Explorer
เว็บไทยดีดี (13,521 - 22 ก.ย. 50)
สร้างอักษร 3 มิติ ด้วย Illustrator CS2 (อีกวิธีหนึ่ง)
เว็บไทยดีดี (75,471 - 20 ต.ค. 50)
การใช้งานคำสั่ง switch
Mr.GuruZ (26,780 - 03 มิ.ย. 49)
การทำ Poll ตอนที่ 3 (การทำระบบ Admin เพื่อกำหนดหัวข้อ Poll)
Mr.GuruZ (34,671 - 03 มิ.ย. 49)
การตั้งค่าให้โน้ตบุ๊กใช้งานเครือข่ายไร้สายได้
เว็บไทยดีดี (13,854 - 25 ส.ค. 50)
หน้าแรกเว็บไทยดีดี      บทความรู้      เว็บบอร์ด      บริการเว็บไซต์      จดโดเมน      โฮสติ้ง ติดต่อเรา แจ้งชำระเงิน
บริษัท เว็บไทยดีดี จํากัด ที่อยู่ 154 ซอยสุขศรีเฉลิมพจน์ แขวงวงศ์สว่าง เขตบางซื่อ กทม. 10800
โทร. 02-910-9930-1 แฟกซ์ 02-910-9931 กด 5
©
2005-2014 All rights reserved. เลขทะเบียนพาณิชย์ 0105549132957