ถัดไป ก่อนหน้า

4.5 Theme framework

• บาร์
     ตัวอย่าง 5 ธีมโดยทั่วไปของบาร์

CD ไฟล์: themes.html

• สีของ Blocks เนื้อหา

CD ไฟล์: themes.html

   ถ้าไม่ได้กำหนดธีม, framework จะกำหนดให้ธีมมาตรฐานให้สีของ content เป็นธีม "c" header เป็น "a"

CD ไฟล์: themes.html

• Lists และ Buttons

CD ไฟล์: themes.html

• Buttons

CD ไฟล์: themes.html CD ไฟล์: themes.html CD ไฟล์: themes.html

การสลับเปิดการใช้งานของ toggle

CD ไฟล์: themes.html

คลาสของธีม

   คลาสธีมจะเป็นประโยชน์โดยเฉพาะเมื่อมีการสร้างรูปแบบโดยที่ผู้ได้กำหนดองค์ประกอบหรือ UI ของ widget เอง ยกตัวอย่างจากหลายๆคลาสที่มีใน stylesheet

• ui-bar-(a-z)
    nbsp;ใช้กับรูปแบบธีมแถบสีสำหรับใช้ในการเลือกแถบ ในการใช้ทั่วไปจะใช้ร่วมกับ ui-bar เป็นโครงสร้างพื้นฐานของคลาสที่เพิ่มรูปแบบการขยายแถบมาตรฐานไว้
• ui-body-(a-z)
    nbsp;ใช้กับรูปแบบธีมของเนื้อหาของส่วน body สำหรับการเลือกใช้แถบ โดยทั่วไปใช้งานร่วมกับ ui-body โครงสร้างคลาสที่เพิ่มมาตราฐานรูปแบบของการแบ่งบล๊อกเนื้อหา
• ui-btn-up-(a-z)
      ใช้กับรูปแบบธีมปุ่มหรือการคลิกสำหรับองค์ประกอบของการเลือกแถบ โดยทั่วไปใช้กับ ui-btn-hover-(a-z) และ ui-btn-down-(a-z) เกี่ยวข้องกับคลาสที่กำหนดให้เห็นการตอบกลับที่ชัดเจนและ ui-btn-active ที่เกี่ยวข้องกับการเลือกหรือกำหนดให้ on
• ui-corner-all
      ใช้กับ border-radius ของธีมทั้งหมดเพื่อให้มีการโค้งของมุมและใช้สำหรับพื้นที่หรือการจัดกลุ่มไอเทมใน framework ยกตัวอย่าง ui-corner-tl (top left only), -top (both top corners), -left (both left corners) ฯลฯ และการกำหนดค่าให้มุมทั้งหมดเช่น .ui-btn-corner-all
• ui-shadow
     ใช้กับการวางเงาทั้งหมดของธีมที่เป็นการใช้หลายๆองค์ประกอบของคุณสมบัติ CSS box-shadow
• ui-disabled
      ใช้ในการปิดไม่ให้มีการเห็นและสัมผัส ซึ่งหลักการลดความทึบขององค์ประกอบในคลาสนี้ลดได้ 30% ที่จะซ่อน cursor และกำหนด pointer-events: none; ซึ่งช่วยป้องกันการเข้าถึงจากเบราว์เซอร์รุ่นใหม่ๆ