■日期與時間格式
◆根據 PHP 的 date() 函數格式語法設定
- 若想要的格式是：2025 年 1 月 1 日 星期三 下午 6:04:09。
- 則其對應的格式設定語法如下：Y 年 n 月 j 日 l A g:i:s。
格式 說明 範例值
------------------------------------------------------
Y 4 位數西元年 2025
n 月 (不補 0) 1
j 日 (不補 0) 1
l 星期 (英文全名) Wednesday (可中文化)
A 上下午 (大寫) AM / PM
g 小時 (12 時制) 6
i 分鐘 (補 0) 04
s 秒數 (補 0) 09
------------------------------------------------------
◆中文化建議
- 為了顯示成「星期三」和「下午」這樣的中文，你需要：
- 安裝並啟用正體中文語言包
- phpBB會自動將 l (星期幾) 與 A (上午/下午) 轉成語言包中的對應文字
- 所以如果你已安裝 zh_tw 正體中文語言包，就會看到「星期三」、「下午」
■分隔線 [hr] 樣式
◆基礎樣式
➤BBCode 使用方法：(欄位空格填入)
[hr]➤HTML 替換代碼：(欄位空格填入)
<hr style="border: none; border-top: 1px solid #888;">➤線上說明 (提示內容)：(欄位空格填入) (寫給自己的註記解釋，不影響結果)。
畫一條分隔線◆樣式變化
- 改變線條的粗細與顏色，只需要修改 <hr> 標籤裡的 border-top 屬性。
- 說明：
- 3px → 就是線條的粗細 (可以調整成 2px、4px、5px…)。
- solid → 表示實線 (還可以用 dashed 虛線、double 雙線)。
- #ccc → 是顏色 (可以改為其他顏色代碼)。
- 回到 BBCode 設定頁，找到建立的 [ hr ]，把「HTML 替換代碼」改成想要的這段即可。
➤線條「粗一點」：
<hr style="border: none; border-top: 3px solid #ccc; margin: 1em 0;">➤線條「變成紅色」：
<hr style="border: none; border-top: 3px solid red; margin: 1em 0;">➤或者用十六進位顏色：
<hr style="border: none; border-top: 3px solid #ff0000; margin: 1em 0;">➤綜合範例（紅色、粗 5px）：
<hr style="border: none; border-top: 5px solid red; margin: 1em 0;">◆樣式變化範例
➤淡灰細實線：
<hr style="border: none; border-top: 1px solid #ccc;" />➤粗紅實線：
<hr style="border: none; border-top: 2px solid red;" />➤藍色虛線：
<hr style="border: none; border-top: 2px dashed blue;" />➤黑色雙線：
<hr style="border: none; border-top: 4px double black;" />➤綠色點線：
<hr style="border: none; border-top: 3px dotted green;" />➤彩色漸層線：
<hr style="border: none; border-top: 5px solid transparent; background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);" />■超連結 [url] 樣式
◆在新視窗開啟的黑字、無底線的超連結
➤BBCode 使用方法：(欄位空格填入)
[urlnew={URL}]{TEXT}[/urlnew]➤HTML 替換代碼：(欄位空格填入)
<a href="{URL}" target="_blank" style="color: black; text-decoration: none;">{TEXT}</a>➤線上說明 (提示內容：語法或效果)：(欄位空格填入) (給使用者的註記不影響結果)
插入連結：[urlb={URL}]{TEXT}[/urlb] (新視窗/黑字/無底線)◆在本地視窗開啟黑字、無底線的超連結
➤BBCode 使用方法：(欄位空格填入)
[urlocal={URL}]{TEXT}[/urlocal]➤HTML 替換代碼：(欄位空格填入)
<a href="{URL}" style="color: black; text-decoration: none;">{TEXT}</a>➤線上說明(提示內容：語法或效果)：(欄位空格填入)(給使用者的註記不影響結果)
插入連結：[urlocal={URL}]{TEXT}[/urlocal] (本地視窗/黑字/無底線)◆在本地視窗開啟黑字、無底線的超連結、滑鼠經過變粗體
➤BBCode 使用方法：(欄位空格填入)
[urlbold={URL}]{TEXT}[/urlbold]➤HTML 替換代碼：(欄位空格填入)
<a href="{URL}" style="color: black; text-decoration: none; font-weight: normal;" onmouseover="this.style.fontWeight='bold';" onmouseout="this.style.fontWeight='normal';">{TEXT}</a>➤線上說明 (提示內容：語法或效果)：(欄位空格填入) (給使用者的註記不影響結果)
插入連結：[urlbold={URL}]{TEXT}[/urlbold] (黑字/無底線/滑鼠經過變粗體)◆滑鼠懸停時，文字變暗紅色、陰影
➤BBCode 使用方法：(欄位空格填入)
[urlefx={URL}]{TEXT}[/urlefx]➤HTML 替換代碼：(欄位空格填入)
<a href="{URL}" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='darkred'; this.style.textShadow='1px 1px 2px gray'; this.style.cursor='pointer';" onmouseout="this.style.color='black'; this.style.textShadow='none';">{TEXT}</a>➤線上說明(提示內容：語法或效果)：(欄位空格填入) (給使用者的註記不影響結果)
插入連結：[urlefx={URL}]{TEXT}[/urlefx] (變色字/陰影/無底線)◆滑鼠效果說明
效果 說明
-------------------------------------------------------
變色 color='darkred' 滑鼠移上去後變深紅色
加陰影 textShadow='1px 1px 2px gray' 增加立體感
游標變手指 cursor='pointer' 提醒使用者可點擊
平滑動畫 transition: all 0.3s ease 讓變化更自然■引言區塊 [quote] 樣式
◆基本樣式的引言區塊 (橘色邊框 + 淺背景)
➤BBCode 使用方法：(欄位空格填入)
[quote1]{TEXT}[/quote1]➤HTML 替換代碼：(欄位空格填入)
<div style="border-left: 4px solid #ff9800; background: #fff3e0; padding: 10px 15px; margin: 10px 0;">{TEXT}</div>➤線上說明 (提示內容：語法或效果)：(欄位空格填入) (給使用者的註記不影響結果)
顯示一段橘色左線的引言區塊◆左側色條、黑字、淺藍底、陰影、圓角、上無空白
➤BBCode 使用方法：(欄位空格填入)
[quote2]{TEXT}[/quote2]➤HTML 替換代碼：(欄位空格填入)
<div style="border-left: 3px solid #2D80A1; margin-top:0; margin-bottom:1em; padding:8px 12px; background:#bddeff; color:#000000; border-radius:8px; box-shadow:2px 2px 5px rgba(0,0,0,0.1);">{TEXT}</div>➤線上說明 (提示內容：語法或效果)：(欄位空格填入) (給使用者的註記不影響結果)
左側色條、黑字、淺藍底、陰影、圓角、上無空白◆元素說明：
border-left: 3px solid #ff9800; → 左邊橘色邊條，醒目而不刺眼
background:#fff3e0; → 柔和淺橘背景，視覺溫暖
color:#000000; → 黑色文字，對比清晰
border-radius:8px; → 圓角柔化整體感覺
box-shadow: → 提升立體感與層次感
margin:0; padding:8px 12px; → 無上下空白，內距適中，美觀清楚