BBCode 使用手冊

簡介

BBCode 是什麼?
BBCode 是一種特殊的 HTML 簡易使用方式。您能否在文章中使用 BBCode 由管理員決定。此外,您可以在發表文章的時候,設定是否使用 BBCode。BBCode 本身和 HTML 相似,標籤由方括弧 [ 和 ] 包圍,而不是角括號 < 和 >。它能否提供更多的功能,取決於系統所提供以及顯示的模組多寡。您會發現在發表文章的過程中,使用可點選的界面加入 BBCode 非常容易。因此,您可以發現以下的內容是很有用的。
回頂端

內文格式

如何建立粗體字、斜體字和底線字
BBCode 包含了允許您快速更改文字基礎風格的標籤。這由以下方法完成:
  • [b][/b]包圍一段文字使其變粗,例如:

    [b]Hello[/b]

    將變成 Hello
  • 增加底線則使用 [u][/u],例如:

    [u]Good Morning[/u]

    將變成 Good Morning
  • 變成斜體使用[i][/i],例如:

    This is [i]Great![/i]

    將變成 This is Great!
回頂端
如何改變文字的顏色和大小
下列標籤可以用來改變文字的顏色和大小。需要注意的是,顯示效果取決於瀏覽者使用的瀏覽器和作業系統:
  • 改變文字的顏色使用標籤 [color=][/color]。您可以指定其他的可被識別的顏色(例如 red、blue、yellow、...等。)或者是 3 組十六進位數,例如 #FFFFFF、#000000。例如,要建立一段紅色的文字,您可以使用:

    [color=red]Hello![/color]

    或者

    [color=#FF0000]Hello![/color]

    都會輸出 Hello!
  • 同樣的,改變文字的大小使用標籤 [size=][/size]。這個標籤取決於會員所選擇的界面模板,不過建議的格式是顯示文字百分比大小的數字值,從 20 開始(這會小到您看不見)直到 200(這就非常大了)。例如:

    [size=30]SMALL[/size]

    將輸出 SMALL

    但是,

    [size=200]HUGE![/size]

    將顯示 HUGE!
回頂端
我可以組合使用不同標籤嗎?
是的,當然可以,例如為了引起他人注意您可以這樣寫:

[size=200][color=red][b]LOOK AT ME![/b][/color][/size]

這將輸出 LOOK AT ME!

我們不建議您在文章中大量使用這樣形式的文字。在使用的過程中,請注意每個標籤都必須確保在最後正確地關閉。下面的例子就是錯誤的:

[b][u]This is wrong[/b][/u]
回頂端

引用和輸出固定寬度文字

在回覆中引用文字
引用文字有兩種方式,包含會員名稱或者不含。
  • 當您利用引用功能回覆一篇文章時,您會注意到加入到內容中的文字被[quote=""][/quote] 包圍起來。這種方式會包含被引用的會員名稱。例如要引用 Mr. Blobby 寫的一段文字,您可以輸入:

    [quote="Mr. Blobby"]Mr. Blobby 寫的文字[/quote]

    則會自動在引用的文字前添上「Mr. Blobby 寫:」。記住您 必須 在您引用的人名外加上雙引號 ""。
  • 第二種方式,可以進行任意的引用。在文章中使用 [quote][/quote] 標籤即可。當您檢視文章時,這將在文字前顯示「引用:」。
回頂端
輸出代碼或固定寬度資料
如果您需要輸出一段固定寬度的代碼或其他任何東西,例如 Courier 字體,您必須將文字包含在 [code][/code] 標籤中,例如

[code]echo "This is some code";[/code]

所有使用 [code][/code] 標籤包圍的文字格式將會以原來的形式顯示。
回頂端

建立列表

建立一個無序的列表
BBCode 支援兩種列表形式,有序的和無序的。他們本質上在 HTML 中是一樣的。一個無序的列表,依次輸出每個元素。建立一個無序的列表您可以使用 [list][/list] 並在列表中使用 [*] 定義每個元素。例如列出您最喜愛的顏色:

[list]
[*]Red
[*]Blue
[*]Yellow
[/list]

這將變成如下的列表:
  • Red
  • Blue
  • Yellow

另外,您可以使用 [list=disc][/list][list=circle][/list]、或 [list=square][/list],指定列表項目的符號樣式。
回頂端
建立一個有序的列表
第二種列表是有序的列表,它讓您可以控制每個元素前顯示的符號。建立一個有序的列表您可以使用 [list=1][/list] 建立一個數字化的列表,或者使用 [list=a][/list] 可以建立一個字母化的列表。同樣在列表中使用 [*] 定義每個元素。例如:

[list=1]
[*]Go to the shops
[*]Buy a new computer
[*]Swear at computer when it crashes
[/list]

將變成如下的:
  1. Go to the shops
  2. Buy a new computer
  3. Swear at computer when it crashes
但是建立字母化的列表,您得使用:

[list=a]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]

得到
  1. The first possible answer
  2. The second possible answer
  3. The third possible answer

[list=A]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]

得到
  1. The first possible answer
  2. The second possible answer
  3. The third possible answer

[list=i]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]

得到
  1. The first possible answer
  2. The second possible answer
  3. The third possible answer

[list=I]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]

giving
  1. The first possible answer
  2. The second possible answer
  3. The third possible answer
回頂端

建立連結

連結到另一個網址
phpBB BBCode 可以透過好幾種方式建立超連結。
  • 首先可以使用 [url=][/url] 標籤,無論什麼類型,在等號後加入的內容都將成為一個連結。例如指向 phpBB.com 的連結,您可以使用:

    [url=https://www.phpbb.com/]Visit phpBB![/url]

    這將生成連結:Visit phpBB! 請注意!連結是開啟相同視窗或新的視窗,取決於使用者的瀏覽器設定。
  • 如果您希望連結的文字本身顯示這個連結,您可以使用:

    [url]https://www.phpbb.com/[/url]

    這將生成連結如下:https://www.phpbb.com/
  • 另外,phpBB 擁有一種魔法連結功能,這將任何語法正確的連結轉變為可以點選的連結,不需要任何標籤、或甚至是 http:// 開頭。例如輸入 www.phpbb.com 到內容中,將在瀏覽文章時自動轉換為 www.phpbb.com 輸出。
  • 對於 Email 位址也是一樣的,您可以使用標籤指定,例如:

    [email]no.one@domain.adr[/email]

    輸出 no.one@domain.adr 或者您也可以只輸入 no.one@domain.adr,這將在瀏覽文章時自動被轉換為 Email 連結。
對於所有的 BBCode,您可以在最外面使用連結標籤包圍,例如:[img][/img] (see next entry)、[b][/b]、...等。對於格式化標籤,這取決於是否按順序正確的關閉每個標籤,例如:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/url][/img]

正確的,這將導致您的文章顯示不正常,所以要格外注意。
回頂端

在文章中顯示圖檔

在文章中加入圖檔
phpBB BBCode 簡化在文章中顯示圖檔的標籤。請在使用這個標籤時注意兩點: 許多會員可能對文章中大量的圖檔產生厭煩,而且您輸入的圖檔位址必須是存在於網站上的(這不能只存在於您自己的電腦上,除非您的電腦是一台網站伺服器!)。要顯示一個圖檔,您必須在圖檔的連結位址前後使用 [img][/img] 標籤包圍。例如:

[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]

就像上面連結部分提到的注意事項,您可以用 [url][/url] 標籤包圍圖檔,例如:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]

將生成:

回頂端
在文章中加入附加檔案
新的[attachment=][/attachment] BBCode 允許您在文章中任何地方加入附加檔案,如果討論區允許使用附加檔案功能,並且您有發表附加檔案的權限。在發表文章的視窗可以透過已上傳附加檔案下面的按鈕,將附加檔案加入到文章中。
回頂端

其他內容

我能加入自己的標籤嗎?
如果您是這個討論區的管理員並且擁有相當的權限,那麼您可以自行定義 BBCode 加入更多的功能。
回頂端

Advanced BBCode Box BBCodes

螢光筆
[highlight=yellow]文字[/highlight] 提示:你也可以使用 color=#FF0000

Example:
[highlight=yellow]The quick brown fox jumps over the lazy dog[/highlight]

Result:
The quick brown fox jumps over the lazy dog
回頂端
對齊
[align=center|left|right|justify]文字[/align]

Example:
[align=center]The quick brown fox jumps over the lazy dog[/align]

Result:
The quick brown fox jumps over the lazy dog

回頂端
飄移文字
[float=left|right]文字[/float]

Example:
[float=right]The quick brown fox jumps over the lazy dog[/float]

Result:
The quick brown fox jumps over the lazy dog

回頂端
劃掉
[s]文字[/s]

Example:
[s]The quick brown fox jumps over the lazy dog[/s]

Result:
The quick brown fox jumps over the lazy dog
回頂端
上標
[sub]文字[/sub]

Example:
[sub]The quick brown fox jumps over the lazy dog[/sub] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
回頂端
下標
[sup]文字[/sup]

Example:
[sup]The quick brown fox jumps over the lazy dog[/sup] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
回頂端
發光
[glow=color]文字[/glow]

Example:
[glow=red]The quick brown fox jumps over the lazy dog[/glow]

Result:
The quick brown fox jumps over the lazy dog
回頂端
影子
[shadow=color]文字[/shadow]

Example:
[shadow=blue]The quick brown fox jumps over the lazy dog[/shadow]

Result:
The quick brown fox jumps over the lazy dog
回頂端
立體影子
[dropshadow=color]文字[/dropshadow]

Example:
[dropshadow=blue]The quick brown fox jumps over the lazy dog[/dropshadow]

Result:
The quick brown fox jumps over the lazy dog
回頂端
模糊
[blur=color]文字[/blur]

Example:
[blur=blue]The quick brown fox jumps over the lazy dog[/blur]

Result:
The quick brown fox jumps over the lazy dog
回頂端
文字漸入/漸出
[fade]文字[/fade]

Example:
[fade]The quick brown fox jumps over the lazy dog[/fade]

Result:
The quick brown fox jumps over the lazy dog
回頂端
保存格式
[pre]文字[/pre]

Example:
[pre]The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog[/pre]

Result:
The quick brown fox jumps over the lazy dog
	The quick brown fox jumps over the lazy dog

回頂端
ASCII文字藝術
[nfo]文字[/nfo]

Example:
[nfo]༼ つ ◕_◕ ༽つ ʕ•ᴥ•ʔ ¯\_(ツ)_/¯[/nfo]

Result:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯

回頂端
插入影片
[bbvideo]http://video_url[/bbvideo]

Example:
[bbvideo]http://www.youtube.com/watch?v=sP4NMoJcFd4[/bbvideo]

Result:

回頂端