Easyhome 2010
Ads 468x60
Review Programs Navigation Bar


 

Ads 250x125

ADS 250x250
 
Ads 250x125

Sothink DHTMLMenu 3.0

าเริ่มปฏิบัติการต่อกันได้เลยต่อจากหน้าที่แล้ว เราจะกำหนดการกระทำ เมื่อมีการนำเมาท์มาวางทับบนหัวข้อเมนูกัน

การกำหนดเหตุการณ์เมื่อนำเมาท์มาวางเหนือหัวข้อ

  • ในแถบ Mouse over ก็จะเป็นการปรับแต่งคล้ายๆ กับเมนู Normal คือการกำหนดรูปแบบของตัวอักษร/ขนาด/สี/ลักษณะของตัวอักษร และสีพื้นหลังของเมนูให้แตกต่างจากแบบปกติ

กำหนดหัวข้อย่อยๆ ในเมนู

  • การเพิ่มเติม/ลบในหัวข้อเมนูหลัก หัวข้อย่อยทำได้ง่ายๆ ด้วยการคลิกที่เครื่องมือต่างๆ ที่เตรียมมาให้นี้ (แถบบนสุดในรูปซ้ายมือ)
    • กรรไกร  กรรไกรเอาไว้ตัดหัวข้อเมนูที่ได้สร้างไว้หรือแทรกไว้เกินความต้องการ
    • คัดลอก   ปุ่มคัดลอกรูปแบบต่างๆ ของเมนูที่เราได้สร้างไว้
    • วาง   ปุ่มวางสิ่งที่เราคัดลอกมาลงไปในตำแหน่งที่ต้องการ
    • เพิ่มหัวข้อเมนู   ปุ่มสำหรับเพิ่มเติมหัวข้อเมนูย่อย
    • เส้นกั้น   เพิ่มเส้นกั้นระหว่างหัวข้อ (สำหรับบางรูปแบบ)
    • ลบ   ลบหัวข้อเมนูออกไป (เหมือนกรรไกรแต่หมดจดกว่า)
    • Up   เลื่อนหัวข้อเมนูขึ้นไป (สลับหัวข้อ)
    • Down   เลื่อนหัวข้อลงไป (สลับหัวข้อ)
    • Preview   คลิกเพื่อดูผลจากหน้าต่าง Preview
    • Help   ขอความช่วยเหลือ Help me please!
  • ลองใช้ดูนะครับเดี๋ยวก็ชินเอง เหมือนกับโปรแกรมอื่นๆ นั่นแหละ ไม่ยากจริงๆ ครับ

การกำหนดให้เมนูย่อยแสดงผล

  • ในกรณีที่หัวข้อเมนูใดมีหัวข้อย่อยลำดับรองลงไปเราสามารถกำหนดการแสดงผลของเมนูย่อยได้ในแถบเพิ่มเติมชื่อ Popup Menu ในหัวข้อย่อย Advanced เราสามารถกำหนดทิศทางของการแสดงผลเมนูย่อยให้มีทิศไปด้านซ้าย-ขวา, บน-ล่างได้ด้วยการคลิกที่ทิศนั้นๆ และยังสามารถกำหนดรูปแบบการแสดงผลในช่อง Special effect เหมือนกับการเปลี่ยนสไลด์ใน PowerPoint และยังสามารถกำหนดเวลาได้ใน Special Speed แนะนำให้ใช้ความเร็วมากกว่า 30 ครับ เพราะการแสดงผลจริงบนอินเทอร์เน็ตจะช้าถ้ากำหนดความเร็วต่ำเกินไป (ตัวอย่างตั้งไว้ที่ 50)

ดูตัวอย่างจากหน้า Preview ของโปรแกรม

  • ดูผลในหน้าต่าง Preview ซึ่งจะเหมือนจริงเมื่อนำโค๊ดไปวางในไฟล์ HTML ถูกใจหรือยัง ถ้ายังก็ไปแก้ไขใหม่จนกว่าจะพึงพอใจนั่นแหละ

การนำเอาโค๊ดต่างๆ ไปใช้งาน

  • ถ้าพอใจแล้ว ก็ถึงเวลาที่เราจะนำไปใช้งานกันแล้ว ก่อนอื่นต้องคลิกที่ปุ่ม Save ก่อนนะครับเพื่อเก็บงานไว้ก่อนจะได้สะดวกเมื่อต้องการแก้ไขในภายหลัง จากนั้นคลิกที่ปุ่ม Publish จะเกิดกรอบหน้าต่างให้ความช่วยเหลือขึ้นมา คลิกที่ Next ไปเลย
Next page

 

red line
Home | What's new? | Basic HTML | Reviews Programs | Tip&Tricks | Download | Site Map
red line

 

 

Home Basic HTML Review Software More Tip & Tricks Download Software Site Map Download Trial Version