1. ทำการเปิดไฟล์เว็บเพจที่เราต้องการสร้าง POPUP Menu ขึ้นมา หรือจะทำการ New File ขึ้นมาใหม่
2. จากนั้นไปที่ TAB Spry ของโปรแกรม แล้วเลือกที่ Spry Menu Bar ดังรูป
3. เมื่อเลือกแล้ว โปรแกรมจะแสดง Dialog ขึ้นมาให้เราเลือกว่าต้องการสร้าง POPUP Menu มีให้เลือกแบบแนวนอน (Horizontal) และแนวตั้ง (Vertical)
4. จากนั้นโปรแกรมจะสร้างตัวอย่าง Menu ให้เรากับหน้าเว็บเพจ เพื่อให้เราสามารถทำการแก้ไขเพิ่มเติมได้ตามต้องการ
ออแบบไว้
5. เมื่อโปรแกรมสร้างตัวอย่างเมนูให้เราแล้ว หากเราต้องการทำการแก้ไข ให้เลือกไปที่ Properties ดังรูป หากไม่ปรากฏลักษณะดังรูปให้เราทำการ Click เลือกไปที่แถบสีฟ้า ๆ ของเมนูก่อน 1 ครั้ง จะขึ้นช่องให้เราใส่ลายละเอียด
6. การแก้ไขทำได้โดย เลือกไปที่ List ในช่อง Item ที่เราต้องการ จากนั้น หากต้องการเปลี่ยนชื่อ หรือแก้ไขข้อความที่ปรากฏบนเมนู ให้ทำการพิมพ์ข้อความใหม่ที่ต้องการในช่อง Text
เมื่อพิมพ์ได้ตามที่ต้องการแล้วสังเกตุที่เว็บเพจ ข้อความที่เมนูจะเปลี่ยนแปลงตามที่เราออกแบบเมนู
7. หากต้องการสร้างจุดเชื่อมโยงหรือ Link สามารถทำได้ที่ช่อง Link
8. หากต้องการเพิ่มหรือลบเมนู เราสามารถทำได้โดยการคลิ๊กเลือกไปที่เครื่องหมายบวก-ลบ ของ List Item
9. เมื่อเพิ่มแล้วจะได้รายการใหม่ดังตัวอย่าง หากต้องการเปลี่ยนแปลงแก้ไขใด ๆ ให้ทำได้ตามต้องการเหมือนดังขั้นตอนที่ 5-7 ที่กล่าวมา
10. การเปลี่ยนแปลงแก้ไขสีสรรของเมนู ไม่ว่าจะเป็นสีของพื้นหลังของเมนู หรือสีของตัวอักษรข้อความ เราสามารถเปลี่ยนได้จาก CSS Panel
ซึ่งรูปแบบของเมนู หรือ CSS ที่โปรแกรมสร้างขึ้นมาใช้กับ Spry POPUP Menu Bar นั้น จะถูกเก็บไว้ในไฟล์ที่ชื่อ SpryMenuBarHorizontal.css (หากสร้างแบบแนวนอน)
11. วิธีการแก้ไขก็ให้เราทำการเลือกไปที่ชื่อ Class ของสไตร์ที่เราต้องการแก้ไข ดังรูปเป็น CSS ที่ใช้ในการกำหนดสีพื้นหลังและสีของตัวอักษร เมื่อเมาท์มาวางเหนือเมนู
การแก้ไขค่าของ CSS ก็ดังเช่นกับที่เราแก้ไข CSS ที่เราเคยใช้งานกันแล้ว Save
ไม่มีความคิดเห็น:
แสดงความคิดเห็น