วันนี้มีอะไรมาฝากเช่นเคยครับ การแต่ง Multiply ที่จะแนะนำคือ การทำหน้า Photo Gallery ที่เราคลิกมาจากหน้าบ้าน แล้วก็จะเห็นภาพเยอะแยะเรียงเต็มไปหมด แต่เรียงแค่แถวละ 2 อัน สำหรับธีมแบบ Fix ขนาดไม่เต็มหน้าจอ วิธีแก้ก็มีหลายวิธีนะครับ
มาทำอัลปั๊มรูปให้แสดงได้แถวละ 3 อัน(รูปแบบแนวนอนนะครับ)
วิธีที่ 1 คือออกแบบธีมใหม่ ให้ส่วนแสดงเนื้อหามันกว้างมากขึ้น อยาจจะอยากไปหน่อยสำหรับมือใหม่นะครับ...
วิธีที่ 2 วิธีนี้ หากเพื่อนๆ คนไหนที่เอา CSS ของผมไปใช้ ก็แค่เขียนคำสั่งเพิ่มเข้าไป ดังนี้ครับ
.frame-black, .frame-blu, .frame-pink, .frame-mahogany, .frame-museum, .frame-shadow, .frame-button, .frame-shadow2, .frame-walnut, .frame-yellow, .frame-greenbump, .frame-none, .frame-rounded {
margin: 3px;
float: left;
text-align: center;
}
.framebod-black, .framebod-blu, .framebod-pink, .framebod-mahogany, .framebod-museum, .framebod-shadow2, .framebod-walnut, .framebod-yellow, .framebod-greenbump {
padding: 3px;
background-color: #fff;
}
อาจจะแก้ตรง padding: 3px; ให้เหลือ 2 เป็น 1 หรือ 0 ก็ได้ครับ แต่อย่ามากกว่า 3 ล่ะเดียวว่าไม่เตือน 5555...... เพราะมันจะดันรูปที่ 3 ลงมา กลายเป็น 2 รูปต่อแถวเหมือนเดิม
หากเพื่อนคนไหนไม่ได้ใช้ CSS ของผม และสามารถเขียน CSS เองได้ก็ให้ปรับความกว้างของ layout ของตัวเองก่อน หากปรับกว้างพอเหมาะ อาจไม่ต้องทำตามวิธีที่ 2 นะครับ เพราะผมออกแบบแคบไป 20 พิกเซล เลยต้องใช้วิธีที่ 2 เข้ามาแก้ครับ....
ทำแล้วมันไม่ได้ครับ
