[แก้ปัญหา] รูปหลุดขอบใน exteen
posted on 07 Jul 2009 01:29 by totiz in Tutorial
หลายคนคงจะเคยมีปัญหากับการต้องมาปรับขนาดรูปให้เหมาะสมก่อน เพื่อที่จะไม่ให้มันใหญ่จนเกินขอบ
แล้วหน้าก็จะเลาะตามไปด้วย จริงๆ มันมีวิธีง่ายๆ ที่แก้แค่จุดเดียว แล้วใช้ได้ทุกหน้าเลย
- นั้นก็คือแก้ที่ CSS ครับ โดยไปที Theme แล้วคลิกที่ Edit ที่ธีม
ใส่โค้ดนี้ลงไปด้านล่างสุด
#content .entry .post img {
max-width: 400px;
}
อันนี้เพื่อกำหนดว่า ให้ขนาดรูปกว้างสุดไม่เกินเท่าไร ถ้าเกินมันจะย่อให้เอง ง่ายดีมะ ^_^ max-width: 400px;
}
หรือถ้าอยากจะตกแต่งขอบสักหน่อยก็กำหนดตามนี้
#content .entry .post img {
max-width:400px;
border: 5px outset #09C;
}
max-width:400px;
border: 5px outset #09C;
}
อันนี้จะเพิ่มขอบให้เพื่อความสวยงาม ตัวอย่าง
ที่นี้ก็กด Save แล้วก็ลอง refresh ดูใหม่ก็เป็นอันเรียบร้อย ^_^
รูปใหญ่แค่ไหนก็ไม่ต้องกลัวอีกต่อไป (แต่ถ้ารูปใหญ่มากๆ ย่อก่อนก็ดีนะ)
Tags: exteen, ขอบ4 Comments
เราเองเจอปัญหาต้องนั่งย่อรูปอย่างเอาเป็นเอาตายมาเยอะ
ขอบคุณมากๆ ค่ะ
#1 By namnampai on 2009-07-08 16:31