BB Code

Explanation

BB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BB code is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.

Below is a list of the BB code tags you can use to format your messages.

vB 代碼列表

  1. 粗體 / 斜體 / 底線
  2. 色彩
  3. 大小
  4. 字型
  5. 高亮
  6. 左對齊 / 右對齊 / 居中
  7. 縮排
  8. Email 連結
  9. 超級連結位址
  10. 主題連結
  11. 文章連結
  12. 列表 / 進階列表
  13. 圖片
  14. Videos
  15. 程式碼
  16. PHP 程式碼
  17. HTML 程式碼
  18. 引用
  19. Stop BB Code Parsing
  20. 附件
  21. iframe
  22. 圖片
  23. 英雄聯盟英雄
  24. 英雄聯盟道具
  25. 英雄聯盟天賦
  26. 英雄聯盟符文
  27. 英雄聯盟召喚師技能
  28. YouTube
Incorrect BB Code Usage:
  • [url] www.example.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
  • [email]myname@domain.com[email] - the end brackets must include a forward slash ([/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 位址連結,可以包含連結標題引數。

    • [email][/email]
    • [email=選項][/email]
    用法
    • [email]j.doe@example.com[/email]
    • [email=j.doe@example.com]給我傳送 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]http://forum.lol.garena.tw/images/skin/statusicon/forum_new-48.png[/img] (沒有連結)
    • [url=http://www.example.com] [img]http://forum.lol.garena.tw/images/skin/statusicon/forum_new-48.png[/img] [/url] (連結)
    使用範例
    • (沒有連結)
    • (連結)
    範例匯出結果

Videos

The [video] tag allows you to embed videos from various video services within your posts.

  • [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;323348]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]
  • 範例匯出結果
    此文字被高亮顯示

Stop BB Code Parsing

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

  • [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]
    使用範例
  • 範例匯出結果

iframe

  • [iframe][/iframe]
    用法
  • [iframe]main.php?action=test[/iframe]
    使用範例
  • 範例匯出結果

圖片

  • [img=選項][/img]
    用法
  • [img=200]http://cdn.garenanow.com/webmain/static/images/logo-garena.gif[/img]
    使用範例
  • 範例匯出結果

英雄聯盟英雄

  • [lol_champion=選項][/lol_champion]
    用法
  • [lol_champion=MasterYi]英雄[/lol_champion]
    使用範例
  • 範例匯出結果

英雄聯盟道具

利用ddragon做bbcode

  • [lol_item=選項][/lol_item]
    用法
  • [lol_item=3144]道具名稱[/lol]
    使用範例
  • [lol_item=3144]道具名稱[/lol]
    範例匯出結果

英雄聯盟天賦

  • [lol_mastery=選項][/lol_mastery]
    用法
  • [lol_mastery=4111]天賦[/lol_mastery]
    使用範例
  • 範例匯出結果

英雄聯盟符文

  • [lol_rune=選項][/lol_rune]
    用法
  • [lol_rune=8001]符文[/lol_rune]
    使用範例
  • 範例匯出結果

英雄聯盟召喚師技能

  • [lol_summoner=選項][/lol_summoner]
    用法
  • [lol_summoner=SummonerSmite]召喚師技能[/lol_summoner]
    使用範例
  • 範例匯出結果

YouTube

在YouTube影片的網址中取得代碼。 例如,http://youtube.com/watch?v = JFwCCL0Vh6U

  • [youtube][/youtube]
    用法
  • [youtube]JFwCCL0Vh6U[/youtube]
    使用範例
  • 範例匯出結果