การเลือกธีม Multiply ให้เหมาะสมกับความต้องการ

[admin]

วันนี้ที่เขียนเรื่องการเลือกธีมมัลติพลาย ก็เพราะมีเพื่อนๆ น้องๆ หลายคน PM มาถาม วิธีการแก้ไข CSS กันเยอะ บางครั้งก็ถามคำถามที่เหมือนกัน เลยจะขอเอาคำถามต่างๆ ที่เคยตอบ มาเขียนไว้ใน Blog เพื่อที่จะทำให้คนอื่นๆ ได้รับความรู้และวิธีการแก้ไขธีมมัลติพลายด้วย...

1. เลือกธีมที่เหมาะสม ลดการเขียน CSS เพิ่ม
- อยากได้ธีมแบบ Fix ขนาด ควรเลือกแบบ Fix ขนาด
- อยากได้ธีมเต็มหน้าจอ เลือกธีมเต็มหน้าจอ
- เมื่อเลือกให้เหมาะสมแล้ว การแก้ CSS ก็จะแก้น้อยลง เพราะ Layout เราไม่ต้องแก้ เพราะเป็น Layout ที่เราเลือกไว้แล้ว

2. เลือกธีมแบบ Fix ขนาด แต่อยากได้การแสดงผลเต็มหน้าจอ
- ทำการแก้ไข CSS โดยจะต้องแก้ทุกส่วนคือ Header, Content และ Footer
- เมื่อแก้ Layout แล้ว ในส่วนของ Content จะเป็นส่วนที่แสดงข้อมูลต่างๆ จะต้องแก้ด้วย

กรณีศึกษา nunucs





ปัญหาก็คือ ขนาดไม่เต็มหน้าจอ เนื้อหาไม่ขยายตามขนาด Layout

เหตุ ที่ Layout ไม่เต็มหน้าจอ เพราะถูกกำหนดเป็น พิกเซล และเครื่องคอมพิวเตอร์ของแต่ละคนมีความละเอียดของพิกเซลไม่เท่ากัน เลยทำให้บางเครื่องดูเต็มจอ บางเครื่องดูไม่เต็มจอ

ควรเขียน CSS กำหนดเป็นเปอร์เซ็นต์ เพื่อให้ดูเต็มจอทุกๆ หน้าจอ ทั้ง Header, Content และ Footer
เช่น

/* --- START CONTENT --- */
div#page_start_wrapper {
width: 100%;
}

จากภาพพื้นที่สีชมพู คือส่วนของเนื้อหา ที่ไม่ขยายตาม layout ต้องกำหนดเป็นเปอร์เซนต์เช่นกัน
เช่น
/* --- CONTENT --- */
.homewrapper {
width: 100%;
}

/* --- MAX ITEMBOX --- */
.itemshadow {
max-width: 100%;
}



ดูรายละอียดเพิ่มเติมการแต่งมัลติพลาย ตามลิงค์ข้างล่างครับ

1. แผนที่ Layout มัลติพลาย ช่วยให้ง่ายต่อการเขียน CSS
http://samarn.multiply.com/journal/item/33/33

2. แต่งมัลติพลายตามใจต้องการ 1
http://samarn.multiply.com/journal/item/30/30

3. แต่งมัลติพลายตามใจต้องการ 2 (Album : Fix Theme)
http://samarn.multiply.com/journal/item/32/32

4. การใส่พื้นหลังมีกี่วิธี
http://samarn.multiply.com/journal/item/34/34

5. ทำธีมสวยด้วยตนเอง
http://samarn.multiply.com/journal/item/29/29

6. สร้างธีมมัลติพลายออนไลน์ โดยไม่ใช้ Photoshop (มีคนสร้างธีม 912 ธีม ตั้งแต่ออนไลน์ถึงวันที่ 3 ตุลาคม 2551 )
http://samarn.multiply.com/journal/item/39/39

7. สร้างภาพสวยๆ ก่อนโพสต์ บนมัลติพลาย
http://samarn.multiply.com/journal/item/37/37
http://samarn.multiply.com/journal/item/38/38
http://samarn.multiply.com/journal/item/40/40
http://samarn.multiply.com/journal/item/41/41


แนะนำโดย http://samarn.multiply.com/journal/item/103/103