Drupal : วิธีการเซ็ตความกว้าง ของ Arcmedia Theme
Submitted by surasak on Fri, 08/31/2007 - 09:53.
บ่อยครังที่เวลาเราโหลด Theme มาจาก Drual แล้วมันไม่ได้ดั่งที่ใจเราอยาก ทุกอย่างดีหมดแล้วแต่ ... อะไรทำนองนี้ ธีมของ arcmeteria เช่นเดียวกันที่ผมรูสึกว่ามันสวยแต่มันแคบไปนิด ทำให้เวลาเราสร้างหัวข้อขึ้นยาว ๆ มันแสดงแปลก ๆ เลยต้องหาวิธีเซ็ตมันซะหน่อย เริ่มแรกเลย เปิดไฟล์ page.tpl.php ซึ่งเป็นไฟล์เทมเพลตจัดการหน้าแรก ผมลองผิดลองถูกในการแก้ไขหน้านี้อยู่พัก จนได้ผลดังนี้
- ดูที่ <body><div id="container"> ไสตล์ container อยู่ในไฟล์ style.css โดยตั้งความกว้างไว้ที่ 700px ผมเปลี่ยนเป็น 90% #container {
width:90%; /*change fron 700px to 90%*/
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px;
} - เซฟไล์ styl.css แล้วกด reload เพจ จะเห็นว่าหน้าเพจเรากว้างขึ้น มาทันที แต่ยังไม่พอ ตรงส่วนที่แสดงหัวข้อกระทู้มันไปอยู่ทางด้านขวามือ เลยต้องเปลี่ยนมันให้อยู่ทางด้านซ้ายซะหน่อย โดยการไปแก้
#content {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 20px;
margin: 0px;
float: left; /*change fron right to left*/ แก้จาก right เป็น left
width: 700px; เพิ่มความกว้างให้เป็น 700px หรือเท่าใดก็ได้แล้วแต่ความพอใจ
} แค่นี้การแสดงผลก็ใช้ได้ละ