痞酷網_PIGOO

 找回密碼
 立即註冊
!!! [系統偵測到廣告阻擋軟體] !!!

如果您覺得痞酷網對您有些許幫助,或者您認同痞酷網的理想,

那麼希望您將痞酷網設定為白名單.

並請在上論壇的時候,動動您的手指,用行動支持我們.

謝謝!
查看: 1125|回復: 4

Discuz 表格 TABLE 代碼 使用基礎

[複製鏈接]
發表於 2024-4-3 12:42:03 | 顯示全部樓層 |閱讀模式
▼例子1--表格寬度 50%,背景默認白色
  1. [table=50%]
  2. [tr][td]例子1--表格宽度 50%,背景默认白色[/td][/tr]
  3. [/table]
複製代碼


例子2--表格寬度 30%,背景銀灰色
  1. [table=30%,Silver]
  2. [tr][td]例子2--表格宽度 30%,背景银灰色[/td][/tr]
  3. [/table]
複製代碼


例子3--表格背景銀灰色
例子3--表中表背景為粉色
  1. [table=50%,Silver]
  2.   [tr][td]例子3--表格背景銀灰色[/td][/tr]
  3.   [tr][td] [table=50%,pink] [tr][td]例子3--表中表背景為粉色[/td][/tr][/table] [/td][/tr]
  4. [/table]
複製代碼


▼例子4例子4
例子4--占兩列

  1. [table]
  2. [tr] [td]例子4[/td] [td]例子4[/td] [/tr]
  3. [tr] [td=2,1]例子4--占兩列[/td][/tr]
  4. [/table]
複製代碼


▼例子5--占兩行例子5例子5
例子5例子5
▼例子5例子5--占兩列

  1. [table=50%,Silver]
  2. [tr][td=1,2]例子5--占兩行[/td][td]例子5[/td][td]例子5[/td][/tr]
  3. [tr=pink][td]例子5[/td][td]例子5[/td][/tr]
  4. [tr][td]例子5[/td][td=2,1]例子5--占兩列[/td][/tr]
  5. [/table]
複製代碼


  1. TABLE代碼詳解:

  2. [ table]  [ /table] 是表格整體框架

  3. [table=98%,Silver] 的意思是
  4. 表格寬度98%、可以固定但不能超過560數值超過則變98%、
  5. Silver是表格背景色可以更換可用#FFFFFF類似代碼

  6. [tr] [/tr] 是行代碼  
  7. [td] [/td] 則是列代碼

  8. 所以

  9. 一行一列 = [tr][td] [/td][/tr]  
  10. 一行兩列 = [tr][td] [/td][td] [/td][/tr]  
  11. 兩行兩列 = [tr][td] [/td][td] [/td][/tr]    [tr]  [td] [/td] [td] [/td]  [/tr]

  12. 當然要加上[ table]  [ /table]


  13. TABLE高級應用:

  14. [tr]代碼屬性是行,所以他可以定義此行的顏色 代碼為[tr=red] 那麽此行的顏色就為紅色。[table]所定義的顏色就會在本行失效

  15. [td]代碼屬性是列 那麽我們想要合並單元格就全靠他
  16. [td=2,1] = 合並此行的兩個單元格
  17. [td=1,2] = 合並兩行的一列單元格

  18. 我們合並了此列或者此行的單元格了,那麽就必須把其他行或者列的表示代碼給刪除,不然就會造成錯誤!!!

  19. 1、TABLE代碼 不能單獨自定義顏色,即自定義顏色時必須輸入表格大小數值;
  20. 2、TABLE代碼 不能自定義邊框顏色,邊框顏色默認為淺藍色;
  21. 3、TABLE代碼 不會自動居中,如果需要則需使用居中代碼。
  22. 4、TABLE代碼 最多可以重疊五層,第六層開始代碼失效;
複製代碼
發表於 2024-4-4 15:59:37 | 顯示全部樓層
本帖最後由 SIMON1016 於 2024-4-4 04:04 PM 編輯

老實說還是挺累人的用法
想用的都要轉幾圈  像windows人口 重回dos敲指令
我之前被繞昏前 想出自救法
1.先在Execl 之類table 編輯器建表 先初步完成表內資料
2.然後將table 加進去  作法就是 插入整排TABLE代碼
3.整塊複製貼到 Discuz 編輯器

還是挺累人的  我想這是很少見到 站內有人建表的原因
而且管理員 加上規則: 貼出後 限時更改編輯 更是雪上加霜
如果有個 預覽功能  會不錯 ... 但不如來個 table 編輯器 直接有效

Discuz 這方面很混蛋  不然就是賣外掛要收費  table 編輯器
 樓主| 發表於 2024-4-4 19:02:19 | 顯示全部樓層
SIMON1016 發表於 2024-4-4 03:59 PM
老實說還是挺累人的用法
想用的都要轉幾圈  像windows人口 重回dos敲指令
我之前被繞昏前 想出自救法

很多年前Discuz 官網論壇就很多人請命改寫較好使用的編輯器,可是都沒有下文。
發表於 2024-4-4 20:10:54 | 顯示全部樓層
本帖最後由 SIMON1016 於 2024-4-4 08:12 PM 編輯

1.先在Execl 之類table 編輯器建表 先初步完成表內資料
2.然後將table 加進去  作法就是 插入整排TABLE代碼
3.整塊複製貼到 Discuz 編輯器
table.png

  1. [table=50%]                               
  2. [tr=Silver] [td=2,1]        渣男的五十道陰影                        [/td][/tr]
  3. [tr] [td]        Day        [/td] [td]        Name        [/td][/tr]
  4. [tr] [td]        Monday        [/td] [td]        Mandy        [/td][/tr]
  5. [tr] [td]        Tuesday        [/td] [td]        Christina        [/td][/tr]
  6. [tr] [td]        Wednesday        [/td] [td]        Erika        [/td][/tr]
  7. [tr] [td]        Thursday        [/td] [td]        Aurora        [/td][/tr]
  8. [tr] [td]        Friday        [/td] [td]        Hunting        [/td][/tr]
  9. [tr] [td]        Saturday        [/td] [td]        Hunting        [/td][/tr]
  10. [tr=pink] [td]        Sunday        [/td] [td]        Rousseau        [/td][/tr]
  11. [/table]                               
複製代碼

        渣男的五十道陰影                       
        Day                Name       
        Monday                Mandy       
        Tuesday                Christina       
        Wednesday                Erika       
        Thursday                Aurora       
        Friday                Hunting       
        Saturday                Hunting       
        Sunday                Rousseau       
                               
 樓主| 發表於 2024-4-4 23:22:57 | 顯示全部樓層
SIMON1016 發表於 2024-4-4 08:10 PM
1.先在Execl 之類table 編輯器建表 先初步完成表內資料
2.然後將table 加進去  作法就是 插入整排TABLE代碼 ...

我們論壇的伺服器作業系統為了節省空間都是用文字模式,背敲指令也不陌生,Discuz 的語法跟html 都差不多。
您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

關閉

站長小叮嚀上一條 /1 下一條

禁閉室|手機版|連繫我們|痞酷網電子技術論壇

GMT+8, 2024-11-21 05:52 PM , Processed in 0.124295 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4 Licensed

© 2001-2023 Discuz! Team.