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 5433 times)

0 Members and 1 Guest are viewing this topic.

Offline smfjusthost

  • Administrator
  • *****
  • Posts: 118
  • ขอบคุณ +2/-0
หัวข้อนี้ ท่านลิตเติลแคททำแนะนำไว้ที่เว็บบอร์ดอื่น
เห็นว่าน่าจะมีประโยชน์อย่างยิ่งกับคนที่ใช้บีบีโค๊ดอย่างพวกเรา
จึงขออนุญาตก็อบมาลงไว้ที่นี่  จะได้ลองปวดหัวกับตารางกันดูมั่ง   555555555555555+++
(เราเองไม่เคยพิศมัยมันเลยจริงๆ เอิ๊กๆ)







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

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



ท่านสามารถครอบข้อความทั้งหมดที่ท่านต้องการจะใส่ไว้ในตาราง แล้วกดที่ ใส่ตาราง
ก็จะได้โค้ดนี้มา

Code: [Select]
[table][/table]



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


ก็จะมีโค้ดเพิ่มขึ้นมา

Code: [Select]
[tr][/tr]



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


ก็จะได้โค้ด

Code: [Select]
[td][/td]


ทำอย่างนี้ไปเรื่อยๆ ในการแยกคอลัมน์ แยกแถวของตาราง



แล้วลองกดที่ แสดงตัวอย่าง ก็สามารถตรวจสอบผลงานการใส่โค้ดของตัวเอง




จากนั้นก็กดตั้งกระทู้ได้เลย



ขอให้สนุกกับการใช้โค้ด

Offline smfjusthost

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

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

Code: [Select]
[table][tr][td]คอลัมน์ที่หนึ่ง[/td][td]คอลัมน์ที่สอง[/td][td]คอลัมน์ที่สาม[/td][/tr]
[tr][td]คอลัมน์ที่หนึ่ง[/td][td]คอลัมน์ที่สอง[/td][td]คอลัมน์ที่สาม[/td][/tr][/table]

เช่นนี้
[ table][ tr][ td]คอลัมน์ที่หนึ่ง[ /td][ td]คอลัมน์ที่สอง[ /td][ td]คอลัมน์ที่สาม[ /td][ /tr]      <----- แถวที่ 1
[ tr][ td]คอลัมน์ที่หนึ่ง[ /td][ td]คอลัมน์ที่สอง[ /td][ td]คอลัมน์ที่สาม[ /td][ /tr]       <----- แถวที่ 2


เช่นนี้

คอลัมน์ที่หนึ่งคอลัมน์ที่สองคอลัมน์ที่สาม
คอลัมน์ที่หนึ่งคอลัมน์ที่สองคอลัมน์ที่สาม


ในกรณีที่ท่านรู้สึกว่า ข้อความระหว่างคอลัมน์มันดูเบียดเสียดกันเหลือเกิน


ก็สามารถแยกให้ห่างออกจากกันได้ด้วยการ "เคาะสเปสบาร์"


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

Code: [Select]
[table][tr][td]คอลัมน์ที่หนึ่ง          [/td][td]คอลัมน์ที่สอง          [/td][td]คอลัมน์ที่สาม[/td][/tr]
[tr][td]คอลัมน์ที่หนึ่ง[/td][td]คอลัมน์ที่สอง[/td][td]คอลัมน์ที่สาม[/td][/tr][/table]
คอลัมน์ที่หนึ่ง          คอลัมน์ที่สอง          คอลัมน์ที่สาม
คอลัมน์ที่หนึ่งคอลัมน์ที่สองคอลัมน์ที่สาม

Offline smfjusthost

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

ทีนี้ มาว่ากันด้วย "เคล็ดลับ ที่ไม่ลับ" ของการใช้ตาราง
เรามาลองใช้ MicroSoft Excel ให้เป็นประโยชน์กัน

เริ่มด้วยการ เปิดเอกสารเอ็กเซล แล้วทำการกรอกข้อมูล แล้วก็ทำการก๊อปโค้ดตาราง ด้วยการครอบเซลแล้วลากลง


เสร็จสิ้น ก็ทำการปิดตาราง


จากนั้นก็ให้ครอบข้อความทั้งหมดที่กรอกลงไป แล้วก๊อปปี้


แล้วนำมาวางลงในกระทู้


Code: [Select]
[table]
[tr][td] หนึ่ง [/td][td] สอง [/td][td] สาม [/td][td] สี่ [/td][td] ห้า [/td][/tr]
[tr][td] หก [/td][td] เจ็ด [/td][td] แปด [/td][td] เก้า [/td][td] สิบ [/td][/tr]
[tr][td] สิบเอ็ด [/td][td] สิบสอง [/td][td] สิบสาม [/td][td] สิบสี่ [/td][td] สิบห้า [/td][/tr]
[tr][td] สิบหก [/td][td] สิบเจ็ด [/td][td] สิบแปด [/td][td] สิบเก้า [/td][td] ยี่สิบ [/td][/tr]
[/table]
   

จากนั้นก็ลองกด แสดงตัวอย่าง ท่านก็จะเห็นผลงานของตัวเองเช่นนี้

   หนึ่ง      สอง      สาม      สี่      ห้า   
   หก      เจ็ด      แปด      เก้า      สิบ   
   สิบเอ็ด      สิบสอง      สิบสาม      สิบสี่      สิบห้า   
   สิบหก      สิบเจ็ด      สิบแปด      สิบเก้า      ยี่สิบ   
   

เป็นอันเสร็จสิ้น !!
แต่ในกรณีของการใช้เอ็กเซลเป็นตัวช่วยนั้น เหมาะกับการที่เรากรอกข้อมูลด้วยตัวเอง หรือการก๊อปข้อความจากตารางในงานเอกสารอื่นๆ
แต่จะใช้ไม่ได้กับเอกสารที่เป็กไฟล์ตัวหนังสือยาวๆ แบบหนังสือ อันนี้ต้องมาทำมือในกระทู้

มามะ ! มาลองใช้ตารางในกระทู้กัน
 


Offline smfjusthost

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

เมื่อรู้หลักในการใช้ตาราง และโค้ด [ tr] และ [ td] กันแล้ว เรามาลองปรับแต่งข้อความด้วยตารางกัน




หรือพลิกแพลงแบบอื่นๆ










เป็นต้น


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



Code: [Select]
[table]
[td][tr][img]http://i56.photobucket.com/albums/g185/catzcatch/Catz/001.jpg[/img][/tr]
[tr][img]http://i56.photobucket.com/albums/g185/catzcatch/Catz/003.jpg[/img][/tr][/td]
[td][img]http://i56.photobucket.com/albums/g185/catzcatch/Catz/002.jpg[/img][/td]
[/table]


Code: [Select]
[table]
[td][img]http://i56.photobucket.com/albums/g185/catzcatch/Catz/008.jpg[/img][/td]
[td][tr][img]http://i56.photobucket.com/albums/g185/catzcatch/Catz/006.jpg[/img][/tr]
[tr][img]http://i56.photobucket.com/albums/g185/catzcatch/Catz/007.jpg[/img][/tr][/td]
[/table]


Code: [Select]
[table]
[td][img]http://i56.photobucket.com/albums/g185/catzcatch/Catz/004.jpg[/img][/td]
[td][tr][img]http://i56.photobucket.com/albums/g185/catzcatch/Catz/010.jpg[/img][/tr]
[tr]     [img]http://i56.photobucket.com/albums/g185/catzcatch/Catz/010.jpg[/img][/tr]
[tr]          [img]http://i56.photobucket.com/albums/g185/catzcatch/Catz/010.jpg[/img][/tr][/td]
[/table]
   
         




ข้อสำคัญในการใช้ตาราง :
พึงจดจำไว้ว่า เริ่มต้นด้วยเปิดโค้ดอะไร ก็ต้องจบด้วยปิดโค้ดนั้น ตามลำดับไป

เช่นนี้
[1][2][3][4].....[/4][/3][/2][/1]