Android 台灣中文網

標題: 【帖子美化教學】表格代碼簡化&美化教學 [打印本頁]

作者: 游紹宏    時間: 2015-9-10 15:50
標題: 【帖子美化教學】表格代碼簡化&美化教學
本帖最後由 游紹宏 於 2016-3-3 20:31 編輯


表格代碼簡化&美化教學
建議您熟悉所有表格的基礎代碼再服用本帖
表格基礎教學

                               
登錄/註冊後可看大圖

本帖內容正逐步增加中...
造成不便在此致歉





代碼簡化
利用表格基本底色與單行底色關係簡化代碼

技巧一

                               
登錄/註冊後可看大圖

    
    
    

                               
登錄/註冊後可看大圖

    
    
    
Tips
表格代碼中的「行代碼」有顏色代碼時,
未被指定色彩的行會以表格原始的整體顏色代替。

技巧二

                               
登錄/註冊後可看大圖

        
  
  
  
  
        

                               
登錄/註冊後可看大圖

        
  
  
  
        
Tips
表格代碼中的「行代碼」有顏色代碼時,
未被指定色彩的行會以表格原始的整體顏色代替。




代碼簡化
利用表格行列關係簡化代碼

技巧一

                               
登錄/註冊後可看大圖

      
   

                               
登錄/註冊後可看大圖

      
   
Tips
表格代碼中的「行代碼」有顏色代碼時,
未被指定色彩的行會以表格原始的整體顏色代替。




美化
包含單行顏色代碼的跨行排版

相關章節
  • 進階:行、列跨度 (合併單元格)
  • 高手:單列顏色 (同行的每一列呈現不同顏色)

說明 原始代碼
(紅字表加入的代碼)
實際展示
原始樣式

                               
登錄/註冊後可看大圖

  
  
  
      
修改後樣式

                               
登錄/註冊後可看大圖
  
  
  
    
§注意:在任一行代碼中無顏色代碼時,會以表格整體的顏色代碼替代。

概念教學
觀察一般模式的表格,
選定要跨行的格子
  
  
  
      
切換到「純文本」
觀察表格的原始代碼,選擇欲改寫為跨行的代碼位置
◎以下假設選定第一行第二列跨行至第二行

                               
登錄/註冊後可看大圖

                               
登錄/註冊後可看大圖
觀察原始代碼,
要跨到第二行(灰色那行)需跨過兩個行「[tr][/tr]」代碼
故需橫跨的行數增加兩個 (如右圖所示)

                               
登錄/註冊後可看大圖

                               
登錄/註冊後可看大圖
代碼修改完成
  
  
  
    



作者: 朱鎮德    時間: 2015-9-13 14:03
這PO文的內容好漂亮喔~XD
作者: sky320    時間: 2015-9-19 14:15
請問論壇使用的BB代碼 ,上傳圖片到論壇後, 能使用代碼自訂圖的大小嗎?

使用大圖檔上傳,圖片會被壓縮變小張,

外連有時圖會失連,幫解答3Q

作者: 游紹宏    時間: 2015-10-6 00:21
sky320 發表於 2015-9-19 14:15
請問論壇使用的BB代碼 ,上傳圖片到論壇後, 能使用代碼自訂圖的大小嗎?

使用大圖檔上傳,圖片會被壓縮變 ...

用外連的圖免才能改大小喔
建議傳到Google相簿再外連過來

作者: kiss7170    時間: 2016-4-12 17:24
謝謝分享!!!~~~
作者: 哇2    時間: 2016-8-26 12:03
這個真心有用,謝謝
作者: 哇2    時間: 2016-8-26 12:03
這個真心有用,謝謝




歡迎光臨 Android 台灣中文網 (https://apk.tw/) Powered by Discuz! X3.1