Welcome, Guest. Please login or register.
Did you miss your activation email?

ห้างหุ้นส่วนจำกัด วี.อาร์.คอม ก็อบปี้ปริ้นเตอร์เซอร์วิส
V.R. Copyprinter Service Part.,Ltd.

7/8 ม.2 เพชรเกษม112 ถ.เพชรเกษม  แขวงหนองค้างพลู เขตหนองแขม กรุงเทพฯ 10160

Share this topic on FacebookShare this topic on Del.icio.usShare this topic on DiggShare this topic on RedditShare this topic on StumbleUponShare this topic on Twitter Author Topic: การแยกตารางศูนย์กลางข้อมูลหน้าบอร์ด และการเพิ่มตาราง (LittleCat)  (Read 4262 times)

0 Members and 1 Guest are viewing this topic.

Offline smfjusthost

  • Administrator
  • *****
  • Posts: 118
  • ขอบคุณ +2/-0
การแยกตารางหน้าบอร์ด

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



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



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

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

   // ---*** ศูนย์กลางสถิติ (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: )

Offline smfjusthost

  • Administrator
  • *****
  • Posts: 118
  • ขอบคุณ +2/-0
การเพิ่มตารางแยกหมวดหมู่ข้อมูลข่าวสาร

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

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

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

Quote
   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'], '
      ';


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

Quote
 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>';


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

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

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

Quote

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

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



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


Offline smfjusthost

  • Administrator
  • *****
  • Posts: 118
  • ขอบคุณ +2/-0

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



เพิ่มตามนี้

Quote
            <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"





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


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