ในการปรับแต่ง Template ที่เป็นรูปแบบของหน้าเว็บไซต์หากหน้าเว็บมีการแสดงข้อมูลเนื้อหาที่อยู่ในรูปแบบของ Thumbnail แต่ละช่องของ Description จะมีความยาวของเนื้อหาที่ไม่เท่ากันจึงทำให้ช่อง Thumbnail แต่ละช่องมีขนาดไม่เท่ากัน ส่งผลให้หน้าเว็บนั้นดูไม่เป็นระเบียบ และไม่สวยงาม บทความนี้จึงเป็นการแนะนำวิธีการปรับกำหนดขนาดของ Thumbnail ให้มีขนาดเท่ากันทุกช่อง สามารถทำได้ดังนี้
1.Run หน้า localhost ที่ต้องการกำหนดขนาดช่อง Description ใน Thumbnail
2.กดปุ่ม F12 ที่คีย์บอร์ดเพื่อดูโครงสร้าง จากนั้นคลิกที่เครื่องมือ "เลือกองค์ประกอบจากหน้า"
3.ใช้เมาส์ชี้ไปที่ส่วน Description ของ Thumbnail และดูขนาดของช่อง
4.Copy ชื่อของคลาส ไปใส่ในไฟล์ user.css ในโปรแกรม Netbeans และกำหนดความสูงของช่อง Description
ตัวอย่างโค้ด ที่นำไปใส่ในไฟล์ user.css
.categories-list .span4 .category-desc {
height: 70px;
}
หน้าเว็บหลังจากการกำหนดขนาดของช่อง Description