BB 代碼

說明

BB 代碼是基於 HTML 語言的標準,您可能已經熟悉了。這允許您加入和 HTML 一樣格式化的的標籤代碼到資訊中,但是有一個簡單的語法,不會破壞您瀏覽的頁面排版和設計。管理員可以設定在論壇是否可以使用 BB 代碼,因此您在發送資訊前應該檢查一下論壇規則。

下面是您在論壇上可以使用的 BB 代碼列表。

BB 代碼列表

  1. 粗體 / 斜體 / 底線
  2. 顏色
  3. 大小
  4. 字型
  5. 高亮
  6. 左對齊 / 右對齊 / 居中
  7. 縮進
  8. Email 連結
  9. 超級連結位址
  10. 主題連結
  11. 文章連結
  12. 列表 / 高級列表
  13. 圖片
  14. 視頻
  15. 代碼
  16. PHP 代碼
  17. HTML 代碼
  18. 引用
  19. 停止解析 BB 代碼
  20. 附件
錯誤的 BB 代碼用法:
  • [url] www.example.com [/url] - 不要在內容和代碼間加上空格。
  • [email][email protected][email] - 結束標籤必須要加上“/” ([/email])。

粗體 / 斜體 / 底線

[b],[i] 和 [u] 標籤允許您建立粗體,斜體和底線內容。

    • [b][/b]
    • [i][/i]
    • [u][/u]
    用法
    • [b]粗體文字[/b]
    • [i]此內容用斜體文字[/i]
    • [u]帶底線的文字[/u]
    使用範例
    • 粗體文字
    • 此內容用斜體文字
    • 帶底線的文字
    範例輸出結果

顏色

[color] 標籤允許您改變內容顏色。

  • [color=選項][/color]
    用法
  • [color=blue]藍色文字[/color]
    使用範例
  • 藍色文字
    範例輸出結果

大小

[size] 標籤允許您改變內容的大小。

  • [size=選項][/size]
    用法
  • [size=+2]此文字比普通文字大兩個字型大小[/size]
    使用範例
  • 此文字比普通文字大兩個字型大小
    範例輸出結果

字型

[font] 標籤允許您改變內容的字型。

  • [font=選項][/font]
    用法
  • [font=courier]此內容用打字機(courier)字型[/font]
    使用範例
  • 此內容用打字機(courier)字型
    範例輸出結果

左對齊 / 右對齊 / 居中

[left] (居左),[right] (居右) 和 [center] (居中) 標籤允許您改變內容對齊方式。

    • [left][/left]
    • [center][/center]
    • [right][/right]
    用法
    • [left]左對齊的文字[/left]
    • [center]居中文字[/center]
    • [right]右對齊的文字[/right]
    使用範例
  • 左對齊的文字
    居中文字
    右對齊的文字
    範例輸出結果

縮進

[indent] 標籤可以縮進您的內容。

  • [indent][/indent]
    用法
  • [indent]此內容用縮進文字[/indent]
    使用範例
  • 此內容用縮進文字
    範例輸出結果

Email 連結

這個 [email] 標籤允許您增加一個 Email 位址連結,可以包含連結標題參數。

超級連結位址

[url] 標籤允許您連結到其他網站和檔,您可以在該連結裡包含可選的連結名。

主題連結

[thread] 標籤允許您使用指定的主題 ID 連結主題,您可以在這個連結裡包含可選的連結名。

    • [thread]主題 ID[/thread]
    • [thread=主題 ID][/thread]
    用法
    • [thread]42918[/thread]
    • [thread=42918]按我![/thread]
    (註:此 threadid/postid 只是一個例子,無法保証可連接到一個有效的主題 /文章。)
    使用範例
  • 範例輸出結果

文章連結

[post] 標籤允許您使用指定的文章 ID 連結到文章。您可用在這個連結裡包含可選的連結名。

列表

[list] 標籤允許您簡單發表不含指定項的列表。在值部分,每個符號都用 [*] 表示。

  • [list][/list]
    用法
  • [list]
    [*]列表項 1
    [*]列表項 2
    [/list]
    使用範例
    • 列表項 1
    • 列表項 2
    範例輸出結果

高級列表

[list] 標籤也允許您使用指定的選項建立高級清單.這個選項可以是“1”(建立數字清單)或者“A”(建立大寫字母清單,按字母順序排列)或者“a”(建立小寫字母清單,按字母順序排列)或者“I”(建立大寫羅馬數字列表)或者“i”(建立小寫羅馬數字列表)。

  • [list=選項][/list]
    用法
  • [list=1]
    [*]列表項 1
    [*]列表項 2
    [/list]

    [list=A]
    [*]列表項 1
    [*]列表項 2
    [/list]

    [list=a]
    [*]列表項 1
    [*]列表項 2
    [/list]
    使用範例
    1. 列表項 1
    2. 列表項 2
    1. 列表項 1
    2. 列表項 2
    1. 列表項 1
    2. 列表項 2
    範例輸出結果

圖片

[img] 標籤允許您在文章中插入圖片。您可以將此標籤和 [url] 標籤聯合使用,這樣可以給圖片加上連結。

  • [img][/img]
    用法
    • [img]https://www.my-hiend.com/vbb/images/statusicon/forum_new-48.png[/img] (沒有連結)
    • [url=http://www.example.com] [img]https://www.my-hiend.com/vbb/images/statusicon/forum_new-48.png[/img] [/url] (連結)
    使用範例
    • (沒有連結)
    • (連結)
    範例輸出結果

視頻

此 [video] 標簽允許您可以嵌入其它視頻站的視頻

  • [video][/video]
    用法
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    使用範例
    範例輸出結果

代碼

[code] 標籤允許您插入一段代碼。

  • [code][/code]
    用法
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    使用範例
  • 代碼:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    範例輸出結果

PHP 代碼

[php] 標籤的功能和 [code] 標籤的功能差不多,但是可以對 PHP 代碼語法高亮顯示。雖然為 PHP 設計,但是也適用其他類似 C 語言的語言。

  • [php][/php]
    用法
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    使用範例
  • PHP 代碼:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    範例輸出結果

HTML 代碼

[html] 標籤允許您使用 HTML 代碼。

  • [html][/html]
    用法
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    使用範例
  • HTML 代碼:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    範例輸出結果

引用

此 [quote]標簽允許您可連結到對應的內容或用戶

    • [quote]引用[/quote]
    • [quote=用戶名稱][/quote]
    用法
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;264612]Lorem ipsum dolor sit amet[/quote]
    使用範例
    • Lorem ipsum dolor sit amet
    • 引用 作者: John Doe
      Lorem ipsum dolor sit amet
    • 引用 作者: John Doe 查看文章
      Lorem ipsum dolor sit amet
    範例輸出結果

高亮

[highlight] 標籤允許強調您的文字。

  • 用法
    [highlight][/highlight]
  • 使用範例
    [highlight]此內容被高亮顯示[/highlight]
  • 範例輸出結果
    此內容被高亮顯示

停止解析 BB 代碼

[noparse] 標籤允許您不解析 BB 代碼。

  • [noparse][b]值[/b][/noparse]
    用法
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    使用範例
  • [b]Lorem ipsum dolor sit amet[/b]
    範例輸出結果

附件

[attach] 標籤允許您將附件插入在文章內容中,而不是文章的下方。它只會在上傳它的文章中顯示。

  • [attach]附件 ID[/attach]
    用法
  • [attach]12345[/attach]
    使用範例
  • 範例輸出結果