武魂2官方论坛

标题: 【论坛新手攻略】如何用表格美化帖子呢？ [打印本页]

作者: 翻滾吧■月野兔 时间: 2015-1-6 19:02
标题: 【论坛新手攻略】如何用表格美化帖子呢？

一、论坛常用发帖工具栏介绍（快捷通道点击进入）

二、论坛常用Table表格代码介绍（快捷通道点击进入）

三、常用的Table样式（模板）（快捷通道点击进入）

四、论坛常用颜色代码（直接点击）

作者: 翻滾吧■月野兔 时间: 2015-1-6 20:08
本帖最后由翻滾吧■月野兔于 2015-1-6 20:17 编辑

一、论坛常用发帖工具栏介绍

可能有很多喜欢论坛的朋友并不是很清楚发帖和回帖的功能，

所以俺就开了个帖子简单介绍一下操作，权当作是抛砖引玉吧！

首先，什么时候才会用到“工具栏”呢？有以下两种方式：

1、发表新帖、回帖时 （主讨论版块需要1分可发主题，回复没有限制）

(, 下载次数: 27)

2、编辑帖子或者回复
（插入“编辑”的截图）

如果您使用了上面的两个操作，就会看到我们最常用到“工具
栏”了，我们一起来熟悉一下工具栏的功能吧！

(, 下载次数: 24)

以下是“工具栏”部分功能的效果展示：

1、加粗：武魂2官方论坛

2、倾斜：武魂2官方论坛

3、下划线：武魂2官方论坛

4、“新宋体”字体　：武魂2官方论坛

5、５号字体：武魂2官方论坛

6、蓝色字体：武魂2官方论坛

7、对齐方式：

居左：

武魂2官方论坛

居中：

武魂2官方论坛

居右：

武魂2官方论坛

8、超链接功能：武魂2官方论坛
9、插入图片功能：

10、引用
武魂2官方论坛

11、代码

武魂2官方论坛

复制代码

12、表格（两行两列，宽度：560，背景颜色：粉红色）

武魂2官方论坛	武魂2官方论坛
武魂2官方论坛	武魂2官方论坛

13、插入视频简单教程：

下面以土豆视频为例讲解流程
一、首先获取视频的地址。打开需要插入的视频，在视频下面找到相应的工具选项：（转贴到更多）
(, 下载次数: 28)
点击复制swf播放器地址，然后将连接地址贴到论坛插入视频的功能窗口中，最后点击提交即可。
(, 下载次数: 28)

作者: 翻滾吧■月野兔 时间: 2015-1-6 20:20
本帖最后由翻滾吧■月野兔于 2015-1-6 20:24 编辑

二、论坛常用Table表格代码介绍

下面接着简单介绍下Table表格代码的运用，大家可以看看。
(, 下载次数: 24)
如上图所示，点到上面会出现提示，根据需要填写好“表格行数”“表格列数”“表格宽度”“背景颜色”即可

几点注意事项：

1.每个表格的“表格行数”，“表格列数”最多只能有30行&30列，多的话不显示

2.表格宽度可以是数字（1—560）也可以是百分数，但是（多层叠加时）需要注意百分数是以外框为界的

3.背景颜色，论坛暂不支持直接点选颜色，需要手动进行输入，常用论坛颜色代码

点击进入，如果不输入颜色，则默认为论坛当前背景颜色。

-----------------------------------------------------------------------

以上所提到的都是基础知识，有兴趣的童鞋继续往下看！

一、单层表格代码
[table=宽度,颜色][tr][td]文字内容[/td][/tr][/table]

效果：

文字内容

二、多行/列表格代码
1）单层两列
[table=宽度,颜色][tr][td]左文字[/td][td]右文字[/td][/tr][/table]

效果：

左文字

右文字

2）单层两行
[table=宽度,颜色][tr][td] 上文字[/td][/tr][tr][td] 下文字[/td][/tr][/table]

效果：

上文字

下文字

3）单层三列效果
[table=宽度,颜色][tr][td] 左文字[/td][td]中文字 [/td][td] 右文字[/td][/tr][/table]

效果：

左文字

中文字

右文字

三、多层表格代码
1）双层表格代码
[table=宽度,颜色][tr][td][table=宽度,颜色][tr][td]文字内容[/td][/tr][/table][/td][/tr][/table]

效果：

文字内容

2）三层表格代码
[table=宽度,颜色][tr][td][table=宽度,颜色][tr][td][table=宽度,颜色][tr][td]文字内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]

效果：

文字内容

作者: 翻滾吧■月野兔 时间: 2015-1-6 20:26
三、常用TABLE样式（模板）

一、合并单元格代码
[table=宽度,颜色][tr][td]第一行第一列[/td][td]第一行第二列[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][/tr][/table]

原表格：

第一行第一列	第一行第二列
第二行第一列	第二行第二列

第一行合并代码：
[table=宽度,颜色][tr][td=2,1]第一行第一列，第一行第二列合并[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][/tr][/table]

效果：

第一行第一列，第一行第二列合并
第二行第一列	第二行第二列

二、多行表格颜色设置
1）两行表格颜色设置代码：
[table=宽度][tr=颜色][td]文字内容 [/td][/tr][tr=颜色][td]文字内容 [/td][/tr][/table]

效果：

第一行为紫色

第二行为粉色

2）三行表格颜色设置代码：
[table=宽度][tr=颜色][td]文字内容 [/td][/tr][tr=颜色][td]文字内容 [/td][/tr][tr=颜色][td]文字内容 [/td][/tr][/table]

效果：

第一行为红色

第二行为黄色

第三行为绿色

三、单元格合并效果（和第一种有点类似）

[table=表格宽度][tr=颜色][td=所占列数,所占行数]内容[/td][/tr][tr][td]测试文字[/td][/tr]…………[td][tr]测试文字[/td][/tr][/table]

Tip:这个是用来做类似合并单元格效果的。

效果1：

1
2	2	2
3	3	3

效果2：

1	1	1
	2	2
	3	3

四、带图片链接的简单双层表格

[table=大小,颜色]
[tr][td][table=大小,颜色]
[tr=颜色][td]图片地址[/td][/tr]
[tr][td]
输入你想输入的文字
美化主题其实很简单
还可以在每段文字上加上可爱的各种图标
图标都在下面的楼层中[/td][/tr]
[/table][/td][/tr]
[/table]

效果：

输入你想输入的文字

美化主题其实很简单

还可以在每段文字上加上可爱的各种图标

图标都在下面的楼层中

五、简单的合并单元格，可以通过表格填写一些游戏资料哦！

[table=大小,颜色][tr][td][table=大小颜色][tr=颜色][td=列数,行数]标题[/td][/tr]
[tr=颜色][td]1[/td][td]2[/td][td]3[/td][td]4[/td][/tr]
[tr][td]2[/td][td][/td][td][/td][td][/td][/tr]
[tr][td]3[/td][td][/td][td][/td][td][/td][/tr]
[tr][td]4[/td][td][/td][td][/td][td][/td][/tr]
[tr][td]5[/td][td][/td][td][/td][td][/td][/tr]
[tr][td]6[/td][td][/td][td][/td][td][/td][/tr][/table][/td][/tr][/table]

效果：

标题
1	2	3	4
2
3
4
5
6

六、表格分割

[table=大小,颜色][tr][td][table=大小,颜色][tr][td]
[table=大小,颜色][tr][td]标题[/td][/tr][/table]内容

[table=大小,颜色][tr][td]标题[/td][/tr][/table] 内容
[table=大小,颜色][tr][td]文字内容文字内容[/td][/tr][/table]
[/td][/tr][/table][/td][/tr][/table]

效果：

武魂2官方论坛

内容

武魂2官方论坛

内容

文字内容文字内容