การแยกตารางศูนย์กลางข้อมูลหน้าบอร์ด และการเพิ่มตาราง

[LittleCat]

การแยกตารางหน้าบอร์ด

โดยปกติ ส่วนของ ศูนย์กลางข้อมูล จะเป็นหนึ่งตารางรวมหมด



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



แก้ไขที่ไฟล์ Themes/default/BoardIndex.template.php
เพิ่มส่วนนี้ลงไปในส่วนที่เราต้องการจับแยก

   echo '
         </table>
      </div></div><br />';

   // ---*** ศูนย์กลางสถิติ (Credit TinaCat[แอท]JustUsers.Net)***---
   echo '
      <div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? 'style="width: 100%;"' : '', '>
      <table border="0" width="100%" cellspacing="1" cellpadding="4" class="bordercolor">
      <div class="catbg" style="padding: 6px; vertical-align: middle; text-align: center; ">
         ', $txt['catzstats'], '
      ';

และอย่าลืมไปแก้ในส่วนของภาษาไทย $txt['catzstats']


ทีนี้ เราต้องการจะแยกตรงไหน ก็ตามแต่เราจะวาง เช่น




หรือต้องการจะหั่นให้มันแบ่งท่อนซักกี่ส่วน ก็ตามแต่เราจะใส่



(หูววววววววว  )

[LittleCat]

การเพิ่มตารางแยกหมวดหมู่ข้อมูลข่าวสาร

จากตรงนี้ การเพิ่มโค้ดเช็กราคาน้ำมันประจำวัน
ยกตัวอย่างของการเพิ่มโค้ดดูราคาน้ำมันไว้ในส่วนเดียวกันกับกระทู้เมื่อเร็วๆ นี้

ทีนี้ ลองมาทำแยกกันดูบ้าง ด้วยการเพิ่มโค้ดแยกตาราง อย่างที่ทำไว้ข้างต้น

เริ่มต้นด้วยการ ใส่โค้ดแยกตาราง - เปิดตาราง

   echo '
      <div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? 'style="width: 100%;"' : '', '>
      <table border="0" width="100%" cellspacing="1" cellpadding="4" class="bordercolor">
      <div class="catbg" style="padding: 6px; vertical-align: middle; text-align: center; ">
         ', $txt['test'], '
      ';

ใส่เนื้อหาข่าวสาร - ตัวอย่าง โค้ดเช็กราคาน้ำมันประจำวัน

  echo '
      <tr>
      <td class="titlebg" colspan="2" align="center">', $txt['oil_today'], '</td>
      </tr>
      <tr>
      <td class="windowbg" valign="top" align="center">
         <iframe src="http://www.pttplc.com/th/GetOilPrice.aspx"
            scrolling="no"
            width="175"
            height="330"
            frameborder="0">
         </iframe>
      </td>
      </tr>';

สุดท้าย อย่าลืมโค้ดปิดตาราง

     echo '
         </table>';
echo '
      </td>
      </tr>';

สำหรับปิดตารางข้อมูลข้างต้น (เพิ่มช่องใส่โค้ดเช็กราคาน้ำมัน)

   echo '
         </table>
      </div></div><br />';

สำหรับปิดตารางข้อมูลที่เปิดออกมาใหม่ (หั่นท่อน)


ก็จะได้เช่นนี้

[LittleCat]

ทีนี้ ไหนๆ ก็เพิ่มช่องมาหนึ่งช่องละ ลองมาเพิ่มข้อมูลอื่นๆ ดูบ้าง เพื่อว่ามันจะไม่โล่งเกินไป (หรือหน้าบอร์ดมันจะรกกว่าเดิมเนี่ย เหอๆๆ)



เพิ่มตามนี้

            <tr>
               <td class="titlebg" colspan="2" align="center">', $txt['weather_today'], '</td>
               <td class="titlebg" colspan="2" align="center">', $txt['oil_today'], '</td>
            </tr>
            <tr>
               <td class="windowbg" valign="top" align="center">', $txt['weather_part'], '</br></br>
                  <iframe src="http://www.tmd.go.th/daily_forecast_forweb.php" height="260" scrolling="no" frameborder="0">
                  </iframe>
               </td>
               <td class="windowbg" valign="top" align="center">', $txt['weather_district'], '</br></br>
                  <iframe src="http://www.tmd.go.th/daily_forecast_forweb.php?strProvinceID=50-58-35-10-11-37-1" height="260" scrolling="no" frameborder="0">
                  </iframe>
               </td>
               <td class="windowbg" valign="top" align="center">
                  <iframe src="http://www.pttplc.com/th/GetOilPrice.aspx"
                     scrolling="no"
                     width="175"
                     height="330"
                     frameborder="0">
                  </iframe>
               </td>

หรือตามนี้





จะเห็นได้ว่า ไม่ได้กำหนดให้มันแบ่งเป็นกี่คอลั่ม colspan="2"

หรือตามนี้ แบ่งเป็น 3 คอลั่ม colspan="3"





ก็แล้วแต่เราจะปรับแต่ง


ความรู้มั่วๆ ของแมวมารมั่ว

[ff-Mobile]

ขอบคุณ น๊ะ
ไม่รู้จะบรรยายเป็นคำพูดอย่างไร
ขยันมากๆ เป็นกำลังใจให้

[knok]

แล้วถ้าจะใส่ตรงส่วนนี้พอดีมีที่ว่างเหลือจะทำยังไงครับ 

[LittleCat]

อ่า .... มันจะยุ่งยากกว่าป่าวหว่า ...
(ข้าเจ้าทำไม่เป็นว่างั้นเหอะ เอิ๊กๆๆ)

ไหนๆ ตรงส่วนนั้นไม่ได้เปิดให้ตั้งหรือตอบกระทู้ใดๆ ใส่แต่กล่องแช้ทออนไลน์
ใยไม่ตั้งตารางใหม่(อย่างที่พูดถึงข้างบน) ไปเลยละคะ ?
จะได้ไม่ต้องมีช่องไอค่อน กะ 0กระทู้ ด้วยหนะ
 

เพราะถ้าเปิดให้ตั้งหรือตอบกระทู้ได้ในนั้นจริงๆ ก็จะไม่มีช่องว่าง(ที่ชี้ให้ดู)อีกต่อไป

[knok]

ขอบคุณครับ แต่ปัญหาคือผมวางโค้ดไม่เป็นเหมือนกัน 

[united199]

กระจ่างเลยอ่าครับ แซงคริ้วมากๆครับผม

[เอี้ยก้วย 杨过;]

ทำได้แว้ววววว ขอบคุณคร๊าบบบบบบบบบบบ 

[construction]

แล้วผมจะเอาราคาวัสดุก่อสร้างไปแทนน้ำมัน ต้องแก้ไขโค็ดอย่างไรครับ  ลองทำหลายรอบแล้วไม่ได้ซะที  http://www.civil-nkw.com/index.php

โค๊ด: [Select]

opentable(' ราคาวัสดุก่อสร้าง');
 ?>

<CENTER class="style2">
  <TABLE style="WIDTH: 100%" width="100%" bgColor=#ffac00 border=0>
<TBODY>
<TR>
<TD><FONT size=2>ปี-></FONT></TD>
<TD>
<P align=center><FONT size=2>[ </FONT><A href="http://www.indexpr.moc.go.th/PRICE_PRESENT/SelectCsi_region.asp?region=0" target=data><FONT color=#0567c4 size=2>กทม.</FONT></A><FONT size=2> ] [ </FONT><A href="http://www.indexpr.moc.go.th/PRICE_PRESENT/Select_regionCsi.asp?region=1" target=data><FONT color=#0567c4 size=2>กลาง</FONT></A><FONT size=2> ] [ <A href="http://www.indexpr.moc.go.th/PRICE_PRESENT/Select_regionCsi.asp?region=3" target=data><FONT color=#0567c4>เหนือ</FONT></A> ] [ <A href="http://www.indexpr.moc.go.th/PRICE_PRESENT/Select_regionCsi.asp?region=2" target=data><FONT color=#0567c4>ตอ.<SPAN lang=en-us>/</SPAN>น.</FONT></A> ] [ <A href="http://www.indexpr.moc.go.th/PRICE_PRESENT/Select_regionCsi.asp?region=4" target=data><FONT color=#0567c4>ใต้</FONT></A> ] </FONT></P></TD>
</TR>

<TR>
  <TD><font size=2>เดือน-></font></TD>
  <TD><div align="center"><font size=2>[ </font><a href="http://www.indexpr.moc.go.th/PRICE_PRESENT/SelectCsi_month_REGION.asp?region=0" target=data><font color=#0567c4 size=2>กทม.</font></a><font size=2> ] [ </font><a href="http://www.indexpr.moc.go.th/PRICE_PRESENT/Select_month_regionCsi.asp?region=1" target=data><font color=#0567c4 size=2>กลาง</font></a><font size=2> ] [ </font><a href="http://www.indexpr.moc.go.th/PRICE_PRESENT/Select_month_regionCsi.asp?region=3" target=data><font color=#0567c4 size=2>เหนือ</font></a><font size=2> ] [ </font><a href="http://www.indexpr.moc.go.th/PRICE_PRESENT/Select_month_regionCsi.asp?region=2" target=data><font color=#0567c4 size=2>ตอ.<span lang=en-us>/</span>น.</font></a><font size=2> ] [ </font><a href="http://www.indexpr.moc.go.th/PRICE_PRESENT/Select_month_regionCsi.asp?region=4" target=data><font color=#0567c4 size=2>ใต้</font></a><font size=2> ] </font></div></TD>
  </TR>
</TBODY></TABLE>
</CENTER>
<DIV align=left class="style3">
<TABLE style="WIDTH: 100%" width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top>
<P align=center><IFRAME style="WIDTH: 100%; HEIGHT: 200px" name=data src="http://www.indexpr.moc.go.th/PRICE_PRESENT/SelectCsi_month_REGION.asp?region=0" frameBorder=0 width=100% scrolling=no height=200></IFRAME>
</P></TD></TR></TBODY>
<DIV></DIV>
<DIV></DIV></TABLE>

<?php
 closetable();


[kaijae2004]

อ่านแล้วยัง งง ครับ ส่วนนี้เอาไปไว้ตรงไหนครับ จะทำช่องแบบข้างบนที่ใส่ราคาน้ำมันระหว่างศูนย์กลางข้อมูลครับ

   echo '
         </table>
      </div></div><br />';

   // ---*** ศูนย์กลางสถิติ (Credit TinaCat[แอท]JustUsers.Net)***---
   echo '
      <div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? 'style="width: 100%;"' : '', '>
      <table border="0" width="100%" cellspacing="1" cellpadding="4" class="bordercolor">
      <div class="catbg" style="padding: 6px; vertical-align: middle; text-align: center; ">
         ', $txt['catzstats'], '
      ';

[construction]

ทำไม่ได้





echo '
      <div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? 'style="width: 100%;"' : '', '>
      <table border="0" width="100%" cellspacing="1" cellpadding="4" class="bordercolor">
      <div class="catbg" style="padding: 6px; vertical-align: middle; text-align: center; ">
         ', $txt['test'], '
      ';
echo '
      <tr>
      <td class="titlebg" colspan="2" align="center">', $txt['oil_today'], '</td>
      </tr>
      <tr>
      <td class="windowbg" valign="top" align="center">
         <iframe src="http://www.pttplc.com/th/GetOilPrice.aspx"
            scrolling="no"
            width="175"
            height="330"
            frameborder="0">
         </iframe>
      </td>
      </tr>';
     echo '
         </table>';
echo '
      </td>
      </tr>';
     echo '
         </table>
      </div></div><br />';

[LittleCat]

แล้วโค้ดการแสดงผลสถิติพวกนั้นหละ ตอนนี้วางอยู่ส่วนไหน?
จับมันมาวางในตารางเดียวกันกับโค้ด oil นั่นดูซิ ว่ามันแก้ได้ไหม

ก่อนแก้ไร ก็อย่าลืม back up ไฟล์เดิมไว้ด้วย กันพลาด จะได้มีของเก่าหน้าเดิมเอาไปทับใช้ใหม่

[SandP]

SMF V2.0.1 ทำไงครับ ลองทำตามแล้วไม่ได้ งงง

[zelda]

บทความนี้สำหรับ SMF เวอร์ชั่น 1.1.x