:: JustUsers.net ::

:: คนทำเว็บ :: => Simple Machines Forum [SMF] => Configuration => ข้อความที่เริ่มโดย: LittleCat ที่ 02 ธันวาคม 2008, 18:23:15 น.

หัวข้อ: แยกช่องข่าว กับช่องค้นหา ออกจากกัน
เริ่มหัวข้อโดย: LittleCat ที่ 02 ธันวาคม 2008, 18:23:15 น.

โดยทั่วไป ที่หน้าบอร์ดนั้น ส่วนของ ข่าว กับ ค้นหา จะวางอยู่ในบรรทัดเดียวกัน เช่น

(http://i230.photobucket.com/albums/ee70/chongter_group/Articles/computer/Board/138.jpg)

เมื่อเราต้องการวางข่าวที่มีเนื้อหายาวๆ หรือมีรูปภาพใหญ่ๆ ก็อาจจะได้ผลเช่นนี้

(http://i230.photobucket.com/albums/ee70/chongter_group/Articles/computer/Board/133.jpg)

เมื่อทดลองใช้ตาราง ในการแยกรูปภาพและเนื้อหาข่าว ให้เป็นสองคอลั่ม ก็จะได้เช่นนี้

(http://i230.photobucket.com/albums/ee70/chongter_group/Articles/computer/Board/134.jpg)

ไม่ว่าจะยังไงก็ดี มันก็ยังคงเบียดไปอยู่ข้างนึง และรูปภาพที่ใช้ ก็จะถูกลดขนาดอัตโนมัติด้วยเช่นกัน
นั่นเป็นเพราะว่า ในส่วนช่องข่าวและค้นหานี้ มันแบ่งตารางเป็นสองคอลั่ม ในบรรทัดเดียวกัน เป็น 1  และ 2 ดังรูปข้างบน จึงดูเหมือนสิ้นเปลืองพื้นที่ด้านล่างช่องค้นหาไปเสียเปล่าๆ

เราก็สามารถจับมันแยกกันได้

เปิดไฟล์ index.template.php ค้นหา filter.gif (วิธีค้นหาง่ายๆ ด้วยการใช้ชื่อรูปไอค่อนให้เป็นประโยชน์) จะเห็นส่วนนี้

-ก่อน-
(http://i230.photobucket.com/albums/ee70/chongter_group/Articles/computer/Board/135.jpg)

ส่วนของ 1 กับ 2 คือส่วนของตาราง ตามรูปด้านบนที่แสดงให้เห็น

วิธีจับช่องข่าวกับช่องค้นหาให้แยกกัน ก็คือการยำส่วนนี้ (อย่าลืมว่าช่องค้นหานั้นไปจบที่บรรทัดล่างถัดไปหลายบรรทัด)
ลองจับมันโยกย้ายเปลี่ยนบรรทัด แก้ไขกันไป ตามใจชอบ .... (แน่นอนว่าอย่าลืมเช็คโค้ดเปิดปิดที่ถูกต้อง)

-หลัง-
(http://i230.photobucket.com/albums/ee70/chongter_group/Articles/computer/Board/139.jpg)

ลองเทียบกันดู ระหว่างรูปก่อนและหลัง ว่ามีอะไรแตกต่างกันไปบ้าง

ใช่เลย ส่วนของ 1 นั้นโดนจับแยกออกมาจาก <tr>...</tr> ข้างบน เพื่อเป็นการแยกบรรทัดออกมา

ในหัวข้อนี้ จะไม่วางสคริปที่เกี่ยวข้อง ลองยำกันดูเองละกัน

ที่สำคัญ พึงจดจำ ! หากมี '; ปิดท้ายบรรทัด คำสั่งของบรรทัดต่อไป ต้องขึ้นต้นด้วย echo '

ผลสุดท้าย เราก็จะได้เช่นนี้

(http://i230.photobucket.com/albums/ee70/chongter_group/Articles/computer/Board/136.jpg)

บวกกับการใช้ตารางในช่องข่าว

(http://i230.photobucket.com/albums/ee70/chongter_group/Articles/computer/Board/137.jpg)

ทีนี้ ระหว่าง ข่าว กับ ค้นหา มันก็จะไม่แย่งพื้นที่กันอีกต่อไป

อิอิ
(http://www.littlecatzhome.net/Smileys/Skype/skype-18.gif)
หัวข้อ: Re: แยกช่องข่าว กับช่องค้นหา ออกจากกัน
เริ่มหัวข้อโดย: เซียวเหล่งนึ่งฯ ที่ 03 ธันวาคม 2008, 00:05:28 น.
ขอบคุณจ้า 

เอานี่ประกอบด้วย 
การตั้ง/ตอบกระทู้ด้วยตาราง

http://www.justusers.net/forum/index.php?topic=2008.0
หัวข้อ: Re: แยกช่องข่าว กับช่องค้นหา ออกจากกัน
เริ่มหัวข้อโดย: yoddoy_ake ที่ 25 เมษายน 2012, 06:57:47 น.
การแยกช่องข่าว กับช่องค้นหา ใน SMF 2.0.2
Code ใน index.template.php ไม่เหมือนกันครับ

รบกวนด้วยครับ

http://www.thaimusic-friend.com/index.php (http://www.thaimusic-friend.com/index.php)