ปัจจุบัน phpBB เวอร์ชั่นล่าุด คือ 3.2.0
ภาษาไทยรอหน่อยนะ... กำลังเร่งแปลงให้เสร็จภายใน 1 อาทิตย์

การปรับขนาดหน้า webboard ให้อยู่ตรงกลาง

สอบถามปัญหา อยากแก้ไข การแสดงผลของบอร์ด เช่นเปลี่ยน Logo โทนสี ทำลิงค์เมนูเพิ่มเติม และ อื่นๆ ที่เกี่ยวกับ Styles การแก้ไขรูป ปุ่ม สี การเปลี่ยนหน้าตาบอร์ด

Moderator: phpbb, mindphp, ผู้ดูแลกระดาน

TrainZ
phpBBThailand Newbie
phpBBThailand Newbie
โพสต์: 6
ลงทะเบียนเมื่อ: 22 ธ.ค. 2008, 05:05

การปรับขนาดหน้า webboard ให้อยู่ตรงกลาง

โพสต์โดย TrainZ » 22 ม.ค. 2009, 19:32

ผมใช้ theme ของ milky_way_red อยากจะให้หน้า Webboard มันล็อคขนาดหน้าจอเลยทำอย่างไรครับ เช่นจะให้มัน fix ที่ 800x600 แล้วให้มันอยู่ตรงกลางหน้า ต้องเข้าไป edit ตรงไหนครับ รบกวนด้วยครับขอบคุณมากๆ พอดีผมต้องรีบใช้นะครับ
แนบไฟล์
22-1-2552 19-30-14.png
ตัวอย่างอยากให้เป็นแบบนี้ครับ
(42.03 KiB) ดาวน์โหลด 1505 ครั้ง

F0rG0ttenZ0ne
phpBBThailand VIP Members
phpBBThailand VIP Members
โพสต์: 1473
ลงทะเบียนเมื่อ: 22 ม.ค. 2009, 06:56

Re: การปรับขนาดหน้า webboard ให้อยู่ตรงกลาง

โพสต์โดย F0rG0ttenZ0ne » 22 ม.ค. 2009, 21:02

อ้างอิงจาก Theme Prosilver นะครับ

ให้เข้าไป ACP --> Style --> Themes --> Edit เพื่อทำการแก้ไข CSS

ก่อนอื่นขอแยกเป็นสองส่วนนะครับ
1 ส่วนที่เป้น body จะทำการกำหนดตำแหน่งของตัวบอร์ด จะให้อยุ่ ซ็ายอยุ่ขวา ใส่ไว้ที่นี้เลยครับ

โค้ด: เลือกทั้งหมด

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   background-color: #FFFFFF;
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 12px 0;
}


ให้ใส่่

โค้ด: เลือกทั้งหมด

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   background-color: #FFFFFF;
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 12px 0;
   text-align: center;  /*  <------- เพิ่มส่วนนี้เข้าไป  */
       

}


2.ส่วนของตัวเวบบอร์ด เราจะทำการกำหนดความกว้างและตำแหน่งให้มีีพื้นที่ว่างซ้ายและขวาเพื่อให้บอร์ดอยุ่ตรงกลาง

โค้ด: เลือกทั้งหมด

#wrap {
   padding: 0 20px;
   min-width: 650px;
}

ใส่เพิ่ม

โค้ด: เลือกทั้งหมด

#wrap {
   margin: 0 auto;  /* <---- เพิ่มส่วนนี้ */
   padding: 0 20px;
   min-width: 650px;
}


ผมไม่เคยใช้ ธีมนี้นะครับ เลยไม่รุ้ว่าตรงกันหรือเปล่าลองไปเทียบๆดูครับ
ถ้าอยากปรับ ธิม หรือแต่ง ธิมเก่งๆคงต้องไปศึกษา พวก html และ CSS เพิ่มเติม
พยายามนะครับเก่งแล้วอย่าลืมแบ่งปันความรุ้ให้ผู้อื่นด้วยนะ :-D ขอบคุณครับ
FAQ ปัญหาการใช้งาน การตั้งค่า กรุณาอ่านก่อนตั้งคำถาม*
ใครไม่มาโพสปิดกระทู้ ต้องขออภัยที่ผมไม่สามารถช่วยท่านได้ในโอกาสต่อไป
ถ้ามีใน FAQ อาจไม่ได้รับคำตอบ

เมื่อได้รับคำตอบแล้วเข้ามา โพสบอกด้วยครับว่าได้หรือไม่ได้

kuzaanarak
phpBBThailand Sr. Member
phpBBThailand Sr. Member
โพสต์: 58
ลงทะเบียนเมื่อ: 18 พ.ค. 2009, 02:07

Re: การปรับขนาดหน้า webboard ให้อยู่ตรงกลาง

โพสต์โดย kuzaanarak » 19 พ.ค. 2009, 18:16

เดี๋ยวผมลองปรับดูก่อน

แต่ถามที่ท่านด้านบนแนะนำ มันไม่ตรงประเด็นกับคำถามน่ะครับ

:-D :-D


  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 6 และ บุคคลทั่วไป 0 ท่าน