查看: 5431|回复: 0

【 论坛表格与索引简述】

[复制链接]

7

主题

7

帖子

57

积分

超级版主

Rank: 8Rank: 8

积分
57
发表于 2018-2-24 14:47:28 | 显示全部楼层 |阅读模式

马上注册,在线观看或下载最新资源,享用更多功能,让你轻松玩转JBlala社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

【 论坛表格与索引简述】
要想真正彻底的了解论坛索引,同时,能够独立制作主题索引。就必须要从学习表格入手,学习表格就要了解表格的原理与代码构造,下面就简单的介绍一下,大家大致了解一下即可.
表格不一定每位都要掌握,此教材有些复杂,从代码的角度,来介绍表格一课,是很合理的。希望以后大家在制作表格时,出现问题后,可以在代码模式下找到答案。

表格代码在[wind代码]下显示,当取消[wind代码]时不显示代码,显示表格样式。
再次需要强调的是:代码标签必须有始有终,可嵌套,不可交叉。
正确样式

  1. [url=thread-XXXXXX-1-1.html,red][size=4][font=宋体]xxx[/font][/size][/url]
复制代码


        好了。现在先来讲解一下表格的基本属性吧。表格分为表体、行、列三个部分,代码分别为:(因为代码中有些标签使用[]会出错,所以我使用[]来替代)
表体


  1. [table][tr][td][/td][td][/td][td][/td][/tr][tr][td][/td][td][/td][td][/td][/tr][/table]
复制代码

  
      这样大家就会很直观的了解表格的整体代码结构,在自己制作3×3或4×5的表格只要自行调整tr和td的数目就可以实现。


(=号后面的两个数字分别表示跨列和跨行数,其中跨列数不能超过最大列数,跨行数不能超过最大行数,否则会出错)
(=号后面的三个数字前两个上面已经提到,第三个是列的宽度,后面不能加单位)



  1. [tr][/tr]
复制代码






  1. [td][/td]
复制代码



        三者的关系分别是列只能嵌套在行中,一行可以嵌套多个列;行只能嵌套在表体中,一个表体可以嵌套多个行;



下面介绍关于表格制作的方法


I. 基本代码与格式

【table】【/table】 —— 表格起止码
【tr】【/tr】 —— 行起止码
【td】【/td】 —— 列起止码

一个基本的表格,是由起止码里嵌套多个行起止码,每行起止码内嵌套多个列起止码构成的,而我们需要输入的文字图片代码则要放在【td】【/td】之间。

比如我们需要制作一个2行2列的表格,代码就是:

【table】
【tr】【td】1【/td】【td】3【/td】【/tr】
【tr】【td】2【/td】【td】4【/td】【/tr】
【/table】

效果就是:

13
24


这种简单的表格也可以通过发帖框上面的工具栏解决:


II. 表格宽度与背景颜色

【table=**,##】【/table】 —— 表格整体的宽度与颜色设定

**部分填写宽度,可以是百分比(比如50% 100%……),也可以填写数字。##部分填写表格背景颜色,代码等同于16进制颜色代码。中间的逗号请使用半角字符。比如上面那个例子,如果我们需要一个宽度为60%,背景颜色为红色的两行两列表格,代码就是:

【table=60%,red】
【tr】【td】1【/td】【td】3【/td】【/tr】
【tr】【td】2【/td】【td】4【/td】【/tr】
【/table】

效果就是:

13
24


需要说明的是,宽度与背景颜色的代码不仅可以对整个表格有效,对于单行都是成立的。区别就在于我们把代码写在表格哪个嵌套的后面。还是以上面这个表格为例,如果我们需要改为第一行为黄色的,第二行为红色的两行两列表格,代码就是:

【table=60%】
【tr=yellow】【td】1【/td】【td】3【/td】【/tr】
【tr=red】【td】2【/td】【td】4【/td】【/tr】
【/table】

效果就是:

13
24



III. 表格的嵌套

DZ表格代码是允许一个表格嵌入到另一个表格中的,这样可以构成一个类似“回”字的表格。需要注意的是内表格的宽度应小于外表格的宽度。比如我们现在需要做一个外表格为宽度500,嵌套两个宽度均为250,分别为红色黄色单一单元格的表格,具体代码为:

【table=500】
【tr】【td】【table=250,red】【tr】【td】1【/td】【/tr】【/table】【/td】【td】【table=250,yellow】【tr】【td】2【/td】【/tr】【/table】【/td】【/tr】
【/table】

效果就是:

1
2


如果大家需要不同单元格有不同的颜色,不妨采用这种方式。


IV. 单元格的合并

所谓单元格的合并,其实就是单个单元格的跨行(跨列)现象。有时候我们需要原本一个单元格占据几个单元格的空间,这个代码就能发挥作用了。为方便描述,我们先做一个宽度60%,三行三列的表格作为样本(大家自己动手写一写代码吧,这个简单的表格就不列出代码直接看效果了):

123
456
789


下面给出合并单元格的代码:

【td=Y,X】——其中Y代表跨列数,X代表跨行数。

比如我们要把这个三行三列表格的第一行合并为一个单元格,就等于单元格“1”跨了2和3两个单元格但是仍旧是一行。因此就需要将单元格“1”之前的【td】改为【td=3,1】并且删除原有的“2”“3”两个单元格。其效果是:

1
456
789


又比如我们要把这个三行三列表格的第一列合并为一个单元格,就等于单元格“1”跨了4和7两个单元格但是仍旧是一列。因此就需要将单元格“1”之前的【td】改为【td=1,3】并且删除原有的“4”“7”两个单元格。其效果是:

123
56
89


同样的道理,如果我们需要把单元格“2”“3”“5”“6”合并为一个单元格,那就把单元格“2”前面的【td】改为【td=2,2】并且删除原有的“3”“5”“6”单元格就可以了。其效果为:

12
4
789



V. 实战演练
【中国】雏鸟的天空~

【名称】雏鸟的天空
【分辨率】1920 x 800
【格式】x264 + AAC
【大小】2.0 GB
【时长】94 分钟
【演员】李凤绪 / 杨小米 / 李金哲 / 邱禹程 / 毛韩奕
【简介】

舒兰芝之子舒笛的日子也是一番惊心动魄。而此时一位神秘女子的出现,却与舒笛产生匪夷所思的情感纠葛……

【版块】正规亚洲区
【官网】sex8.cc
(*左图目前为假想图,实际以官方公布的封面为准)


使用excel来制作表格
        
        其实我觉得大家最常用的应该就是这种了,基本上现在会用电脑的都会用excel表格,所以推荐大家使用excel来做表格然后复制进来。
        首先第一步就是制作一个最简单的表格。
200_20017836_84e804f6e6edbcf.jpg
        选择表格后复制,然后粘贴到帖子中,记得已经要取消掉wind代码的勾选,否则样式就无法复制进来了。
200_20017836_44e34238760c407.jpg

        可能有些人会出现这种情况,这时需要选中wind代码,再取消就可以了

200_20017836_11f2c24805ac2aa.jpg
        这样就好了。对于跨行跨列的表格,我们也可以在excel里制作后复制到论坛。步骤如下
200_20017836_f81b5f79ee034eb.jpg
        选择红线框住的选项后
200_20017836_2bbee664a6616a7.jpg
        然后点击确认
200_20017836_49e0df5eddd4ceb.jpg

        然后我们把表格复制到帖子里
200_20017836_a9ae5c60e215cfa.jpg

        好了,到这里基本上就结束了。至于样式上的问题,我们可以通过帖子上面的按钮来实现,比如字体、加粗、颜色、链接‘图片等等
200_20017836_e0c683d149175b8.jpg

另外需要提醒大家的是:可能是论坛的小bug,第一次粘贴完excel表格后发布出来可能会没有表格样式,这时选择编辑再发布就好了。

        大家只要熟悉论坛上发帖中的按钮,再稍微了解一下右上角帮助中的wind代码内容,就可以根据这些来设计出属于自己的漂亮的表格和样式了。



回复

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

手机扫码有惊喜!
快速回复 返回顶部 返回列表