Home Webboard ArticlesKnowledges  

ผู้เขียน หัวข้อ: การแยกตารางศูนย์กลางข้อมูลหน้าบอร์ด และการเพิ่มตาราง  (อ่าน 28227 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ LittleCat

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 432
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา
การแยกตารางหน้าบอร์ด

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



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



แก้ไขที่ไฟล์ 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']


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




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



(หูววววววววว  :shocked: )
« แก้ไขครั้งสุดท้าย: 13, กรกฎาคม 2008, 07:49:23 PM โดย LittleCat »


อย่าคิดว่าตนเองเก่ง อย่าคิดว่าคนอื่นขาดตนเองไม่ได้ -- หลักการในการทำงานของแมวขี้เมา

ออฟไลน์ LittleCat

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 432
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา
การเพิ่มตารางแยกหมวดหมู่ข้อมูลข่าวสาร
« ตอบกลับ #1 เมื่อ: 13, กรกฎาคม 2008, 08:32:32 PM »
การเพิ่มตารางแยกหมวดหมู่ข้อมูลข่าวสาร

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

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

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

อ้างถึง
   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 />';


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



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

« แก้ไขครั้งสุดท้าย: 13, กรกฎาคม 2008, 08:36:41 PM โดย LittleCat »
อย่าคิดว่าตนเองเก่ง อย่าคิดว่าคนอื่นขาดตนเองไม่ได้ -- หลักการในการทำงานของแมวขี้เมา

ออฟไลน์ LittleCat

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 432
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา

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



เพิ่มตามนี้

อ้างถึง
            <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

  • Ju
  • *
  • กระทู้: 26
  • เห็นด้วย&ขอบคุณ: 8
  • เพศ: ชาย
ขอบคุณ น๊ะ
ไม่รู้จะบรรยายเป็นคำพูดอย่างไร
ขยันมากๆ เป็นกำลังใจให้ :razz:
บอร์ดโทรศัพท์มือถือ ดาวน์โหลดธีม,ทรูโทน,โปรแกรมมือถือ,วอลเปเปอร์ ฯลฯ ดาวโหลดการ์ตูน โปรเด็ดๆ
มาช่วยกันสร้างสังคมให้น่าอยู่ยิ่งขึ้น ff-Mobile.com

ออฟไลน์ knok

  • Ju
  • *
  • กระทู้: 4
  • เห็นด้วย&ขอบคุณ: 3
แล้วถ้าจะใส่ตรงส่วนนี้พอดีมีที่ว่างเหลือจะทำยังไงครับ  :adore:


ออฟไลน์ LittleCat

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 432
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา
Re: การแยกตารางศูนย์กลางข้อมูลหน้าบอร์ด Ŭ
« ตอบกลับ #5 เมื่อ: 14, กรกฎาคม 2008, 09:35:39 PM »

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

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

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

ออฟไลน์ knok

  • Ju
  • *
  • กระทู้: 4
  • เห็นด้วย&ขอบคุณ: 3
ขอบคุณครับ แต่ปัญหาคือผมวางโค้ดไม่เป็นเหมือนกัน  :adore:

ออฟไลน์ united199

  • Ju
  • *
  • กระทู้: 21
  • เห็นด้วย&ขอบคุณ: 3
กระจ่างเลยอ่าครับ แซงคริ้วมากๆครับผม

ออฟไลน์ เอี้ยก้วย 杨过;

  • Ju
  • *
  • กระทู้: 3
  • เห็นด้วย&ขอบคุณ: 2
ทำได้แว้ววววว ขอบคุณคร๊าบบบบบบบบบบบ  :yaahoo:

ออฟไลน์ construction

  • ตามหาความรู้
  • You Are Just Member
  • ******
  • กระทู้: 272
  • เห็นด้วย&ขอบคุณ: 23
  • โยธาภูธรคอนหวัน
    • อบต.โพธิ์ประสาท
แล้วผมจะเอาราคาวัสดุก่อสร้างไปแทนน้ำมัน ต้องแก้ไขโค็ดอย่างไรครับ  ลองทำหลายรอบแล้วไม่ได้ซะที  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

  • Just
  • **
  • กระทู้: 105
  • เห็นด้วย&ขอบคุณ: 14
อ่านแล้วยัง งง ครับ ส่วนนี้เอาไปไว้ตรงไหนครับ จะทำช่องแบบข้างบนที่ใส่ราคาน้ำมันระหว่างศูนย์กลางข้อมูลครับ

   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

  • ตามหาความรู้
  • You Are Just Member
  • ******
  • กระทู้: 272
  • เห็นด้วย&ขอบคุณ: 23
  • โยธาภูธรคอนหวัน
    • อบต.โพธิ์ประสาท
ทำไม่ได้





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

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 432
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา
แล้วโค้ดการแสดงผลสถิติพวกนั้นหละ ตอนนี้วางอยู่ส่วนไหน?
จับมันมาวางในตารางเดียวกันกับโค้ด oil นั่นดูซิ ว่ามันแก้ได้ไหม

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

SandP

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

ออฟไลน์ zelda

  • Just Staff
  • *
  • กระทู้: 474
  • เห็นด้วย&ขอบคุณ: 543
  • เพศ: ชาย
    • www.izedzine.com

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

 

Sitemap 1 2 3 4 5 6 7 8 9 10 
Back to top