简体中文 English
欢迎游客, 请注册登录

BBCode 代码指南

简介

什么是BBCode?

BBCode是一种特殊的HTML实现方式。您能否在帖子中使用BBCode由管理员设定。此外您可以在发表的时候设定帖子是否使用BBCode。BBCode本身和HTML相似,标签由方括号[和]封装而不是 < 和 > 并且它能提供更多的显示控制。取决于您使用的模板,您会发现在发布帖子的过程中使用可点击的界面添加BBCode非常容易。即使如此,以下的内容对您还是很有用的。

返回顶部

文本格式

如何创建粗体字,斜体字和下划线字

BBCode包含了允许您快速更改文字基础风格的标签。这由以下方法完成:

  • [b][/b]封装一段文字使其变粗,例如

    [b]Hello[/b]

    将变成 Hello

  • 添加下划线则使用 [u][/u],例如:

    [u]早上好[/u]

    变成 早上好

  • 变成斜体使用 [i][/i],例如

    这真是[i]太棒了![/i]

    将得到 这真是太棒了!

返回顶部
如何改变文字的颜色和大小

下列标签可以用于改变文字的颜色和大小。需要记住的是显示效果将取决于浏览者使用的浏览器和操作系统

:
  • 改变文字的颜色使用标签 [color=][/color]。您可以指定一个可被识别的颜色 (例如 red,blue,yellow,等等。) 或者是十六进制数组,例如 #FFFFFF,#000000。举个例子,要来一段红色的文字您可以使用:

    [color=red]Hello![/color]

    或者

    [color=#FF0000]你好![/color]

    它们将会输出 你好!

  • 类似的,改变文字的大小使用标签 [size=][/size]。这个标签取决于用户所选择的界面模板,不过建议的格式是体现文字百分比大小的数字值,从20 (非常小) 开始直到200 (非常大)。例如:

    [size=30][/size]

    将输出

    以及:

    [size=200]大![/size]

    将显示 大!

返回顶部
我可以使用标签组合吗?

当然可以 - 但是你必须把一对标签嵌入到另一对标签中,例如为了引起注意您可以这样写:

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

这将输出 LOOK AT ME!

我们不推荐您在帖子中大量使用这样形式的文字,因为这样会引起他人反感。在使用的过程中请注意每个标签都必须最后关闭,否则不能正常解析。下列的例子就是错误的:

[b][u]这是错误的[/b][/u]
返回顶部
我还可以如何格式化文本?

除了左对齐、居中、右对齐之外,你还可以使用[s][/s]为文本添加删除线。[s]文本[/s]将显示为文本.

要让标题具有粗斜体或特定颜色等基本属性之外的属性,可以用[t][/t]包裹标题文本,正将把被包裹的文本格式化为一个标题。注意,该标签使用的具体的格式要根据网站的title_text类的CSS代码而定。

最后,你还可以使用隐藏标签: 比如你想要发表一部电影的评论,但是有些读者还没来得及看这部电影,不想看到剧透,你可以使用隐藏标签将剧透的文章隐藏起来。当帖子发表以后,用隐藏标签标记的文本将被自动隐藏。读者需要把鼠标移动到被隐藏的文本上方才能看到。[spoiler]这些文本[i]最初[/i]是隐藏的[/spoiler]将会输出这些文本[i]最初[/i]是隐藏的
返回顶部

引用和输出固定宽度文字

在回复中引用文字

引用文字有两种方式,带出处或不带出处。

  • 当您利用引用功能回复一个帖子时,您会注意到添加到内容中的帖子文字被[quote=""][/quote] 包围。这种方式允许你在引用某位用户的文本时显示这位用户的名称。例如要引用Mr。Blobby写的一段文字,您可以输入:

    [quote="Mr。Blobby"]Mr。Blobby 写的文字[/quote]

    显示中会自动在引用的文字前添上 "Mr。Blobby 写道:"。记住您 必须 在您引用的人名外加上双引号""。

  • 第二种方式可以进行随意的引用。在帖子中使用 [quote][/quote] 标签即可。当您查看帖子时,这将在文字前显示 引用: 。
返回顶部
输出代码或固定宽度字符

如果您需要输出一段固定宽度的代码或其他任何东西,例如Courier字体,您必须将文字包含在 [code][/code] 标签中,例如

[code]显示"This is some code";[/code]

所有使用 [code][/code] 标签包围的文字格式将会以原来的形式显示。

返回顶部

创建列表

创建无序列表

BBCode支持两种列表,有序的和无序的。他们本质上在HTML中是一样的。一个无序的列表依次输出每个元素。创建一个无序的列表您可以使用 [list][/list] 并在列表中使用 [*] 定义每个元素。例如列出您最喜爱的颜色:

[list]
[*]红色
[*]蓝色
[*]黄色
[/list]

这将生成如下的列表:

  • 红色
  • 蓝色
  • 黄色

如果你使用第二层列表,它将比第一层缩进一些,并且会使用不同样式的项目符号

返回顶部
创建有序列表

第二种列表,有序的列表让您可以控制每个元素前显示的符号。创建一个有序列表可以使用 [list=1][/list] 创建一个数字化的列表,或者使用 [list=a][/list] 可以创建一个字母化的列表。就像无序的列表使用 [*]。例如:

[list=1]
[*]去电脑城
[*]购买一台新电脑
[*]当它死机时冲它发火
[/list]

将生成如下的:
  1. 购买一台新电脑
  2. 购买一台新电脑
  3. 当它死机时冲它发火
但是字母化的列表您得使用:

[list=a]
[*]第一个可能正确的选项
[*]第二个可能正确的选项
[*]第三个可能正确的选项
[/list]

得到
  1. 第一个可能正确的选项
  2. 第二个可能正确的选项
  3. 第三个可能正确的选项

你还可以使用[list=A]用大写字母作为列表项目符号。同样的,要使用小写或大写的罗马数字作为项目符号,你可以使用: [list=i][list=I].

返回顶部

创建链接

链接到另一个网址

BBCode可以通过好几种方式创建链接( URIs,Uniform Resource Indicators(统一资源标识符),也叫 URLs)。

  • 首先可以使用 [url=][/url] 标签,无论您在等号后面添加什么内容,他都将变成一个链接。例如要创建一个指向espc.asia的链接,您可以使用:

    [url=http://espc.asia/]点击这里访问电竞中国![/url]

    这将生成链接: 点击这里访问电竞中国! 请注意链接会在同一个窗口还是新窗口中打开取决于用户的浏览器设置。

  • 如果您希望链接的文字本身显示这个链接,您可以使用:

    [url]http://espc.asia/[/url]

    这将生成链接: http://espc.asia/

  • 另外,我站允许一些自动链接检测,这将任何语法正确的链接转变为可以点击的链接,您可以不必输入标签以及 http://。例如输入 espc.asia 到内容中,将在浏览帖子时自动转换为 espc.asia 输出。

  • 对于email地址也是一样的,您可以使用标签指定,例如:

    [email]noone@domain.adr[/email]

    输出no.one@domain.adr。或者您也可以只输入no.one@domain.adr,这将在载入帖子时自动被转换为email链接。

在所有情况下,链接将在新窗口或标签栏打开(取决于用户浏览器的设置)。

对于所有的BBCode,您可以在外面使用链接标签封装,例如 [img][/img] (请参考下一条目),[b][/b],等等。同其它标签一样,它是否正常工作取决于您是否按嵌套顺序正确的关闭每个标签,例如:

[url=http://espc.asia/][img]http://espc.asia/images/logo.png[/url][/img]

不正确 的,这将导致您的帖子显示不正常,所以要格外注意。

返回顶部
链接到站内页面

链接到本站可以使用链接到外站的方法(请查阅上面的说明),并且链接将会在新窗口或标签卡中打开。

如果链接到站内页面,可以通过省略链接中的域名使链接在当前窗口/标签卡打开。

因此[url=index.php?name=Forums&file=faq]论坛常见问题[/url]将在当前窗口载入论坛常见问题页面。[按后退键可以返回到该页]

论坛常见问题

返回顶部
链接到PDF文档

有一个特别的BBCode支持链接到PDF文档。它的工作方式和链接到网址是一样的,但是会在链接后面加上一个PDF图标。这样用户就会明白点击这个链接,浏览器将会下载一份PDF文档。

代码与url差不多, so [pdfurl=doc.pdf]PDF文档 - 演示链接[/pdfurl] 将显示为:

PDF文档 - 演示链接

返回顶部

电子邮件地址

插入电子邮件地址

显示电子邮件地址链接的方式有2种:

  • 你可以直接指定一个电子邮件地址, 比如:

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

    上述代码将输出no.one@domain.adr

  • 或者你可以指定一个文本链接,并将它指向到一个电子邮件地址:

    [email=no.one@domain.adr]点击此处发送电子邮件[/email]

    上述代码将输出点击此处发送电子邮件

返回顶部

在帖子中显示图片

在帖子中添加图片

BBCode集成了在帖子中显示图片的标签。请在使用这个标签时注意两点: 许多用户可能对帖子中大量的图片产生厌烦,而且您输入的图片地址必须是存在于网上的 (这不能只存在于您自己的电脑上,除非您的电脑是一台网上的服务器!)。要显示一幅图片,您必须在图片的链接地址两边使用 [img][/img] 标签包围。例如:

[img]http://espc.asia/images/logo.png[/img]

要调整一个图片的尺寸,只要在开口标签中加入以像素为单位的宽与高即可。如:

[img w=100 h=53]http://espc.asia/images/logo.png[/img]

注意: [img width=100 height=53]也是可以的。

宽和高都可以设为'自动', 例如: [img width=auto height=106], 这样,宽得值将根据高的值和图片的高宽比自动计算出来。

除此之外,你还可以使用参数t或title (也可以使用a或alt)为图片设置标题和替换文字 (即HTML中的title和alt). 标题只能包含字母,数字和空格 - 其他字符均不允许使用。

注意: 这些参数必须按照顺序出现: [img w=100 h=53 t=A title].

就像上面链接部分提到的那样,您可以用 [url][/url] 标签包围图片,例如

[url=http://espc.asia/][img]http://espc.asia/images/logo.png[/img][/url]

将生成:



除了使用上面这张方式外你可以使用[imgurl][/imgurl]命令获得同样的效果: [imgurl=http://espc.asia/]http://espc.asia/images/logo.png[/imgurl]

返回顶部
在帖子中添加附件

新的[attachment=][/attachment] BBCode允许您在帖子中任何地方添加附件,如果论坛允许使用附件功能,并且您有发表附件的权限。在发布帖子的窗口可以通过附件下拉框将附件粘贴到帖子中。

返回顶部
在帖子中放置图片

上面提到的[img][/img]标签将在代码的位置显示图片, 并且只能显示在当前文本行中。如果图片的形状和大小不合适, 图片周围的文本将会被挤到意想不到的位置。[img][/img]标签的变形就是用来解决这个问题的: [imgl][/imgl][imgr][/imgr]

[imgl][/imgl]的功能和[img][/img]很像,但是会将图片放置到所有文本的最左边,并且会被文本包围 - 假设有足够空间的话。

同样地,[imgr][/imgr]会将图片放置到所有文本的最右边。注意,如果你想让文本包围[imgr][/imgr]的左边,你必须将[imgr][/imgr]防止在文本的前面

返回顶部

在帖子中显示视频

在帖子中插入视频

BBCode包含插入普通视频文件和flash文件的标签。但是你也许最想要插入优酷或土豆的视频。要这么做,首先从优酷或土豆的视频链接中找到视频ID (优酷为id_.html中间的字符串,土豆为/view/后面的字符串。然后把视频ID放置到优酷或土豆的标签里面。

例如: 视频http://v.youku.com/v_show/id_XMzkyMzk3MzUy.html的插入代码为:

[youku]XMzkyMzk3MzUy[/youku]

就这么简单!

返回顶部

制作表格

创建表格

标签[table], [tr], [th][td]可以相互组合,一格一格地创建表格。它们的作用实际上和HTML中对应的标签是一模一样的

返回顶部
[table]和[/table]标签是干什么用的?

你使用[table][/table]开始或闭合表格
在表格开头使用[table]标签,
在表格末尾使用[/table]标签。

返回顶部
[tr]标签是干什么用的?

你使用[tr]创建行。[tr]必须位于[table]...[/table]之间,并且要与[th]或[td]连用。
注意: [/tr]是必填项

例如: [table][tr][th]单行[/th][/tr][/table]

将生成:

单行

返回顶部
[th]标签是干什么用的?

你使用[th]创建表头(居中、粗体的文本)。[th]必须位于[table][tr]...[tr][/table]之间.
注意: [/th]是必填项

例如: [table][tr][th]第1列[/th][th]第2列[/th][/tr][/table]

将生成:

第1列第2列

返回顶部
[td]标签是干什么用的?

你使用[td]创建列(普通、左对齐的文本)
注意: [/td]是必填项

例如: [table][tr][th]第1列[/th][th]第2列[/th][/tr][tr][td]第1格[/td][td]第2格[/td][/tr][/table]

将生成:

第1列第2列
第1格第2格

返回顶部
不同的属性是干什么用的?

表格没有特别的属性, 但是你可以使用表格内部的任何文字上使用普通文本属性: [td]..[/td]

返回顶部

其他问题

我能添加自己的标签吗?


恐怕不行,我站目前还不支持该功能。

返回顶部
PHP标签是干嘛用的!?


PHP代码与BBCode很相似,但是它用于包裹PHP代码。你也许会问为什么? 因为这样PHP代码的某些部分就会突出显示,更方便阅读。

返回顶部