请选择 进入手机版 | 继续访问电脑版

 找回密码
 立即注册
搜索
查看: 1540|回复: 34

[心得] Discuz!系论坛通用排版代码

[复制链接]

28

主题

63

回帖

1629

积分

金牌会员

积分
1629
发表于 2021-2-9 22:51:24 | 显示全部楼层 |阅读模式
本帖最后由 糯米糍 于 2021-5-1 23:45 编辑


       您好,我来水经验。
       为了进到里区继续搬家,就需要发5个主题贴,然而我写过的表番竟然只有4篇
       太可气了!我自己!你瞧瞧你都在干什么啊!
       所以,为了水出最后一个能被发在公开区域内的贴子,还要水得合情合理言之有物不被斑竹gank,我这个梦回论坛时代的前朝遗老,就来传授一下论坛上排版的经验,向大家展示你在论坛上可以玩出什么样的花活,以及怎么玩这样的花活。
       然后我先向图手太太们来一个土下座(。因为我自己是文手,对图片类的排版没什么研究也不清楚图手会有什么样的需求,所以这篇水贴主要还是面向文手需求的。我自己也不是什么程序员(事实上我是纯外行,计算机国二都是买的证),只是从前玩过论坛所以在这方面有些经验而已,一家之言难免有疏漏,也欢迎其他的前朝遗老和赛博考古家或者真正的大佬(?)来增补指正!




       首先,是基础知识:点击发贴界面右上角的高级模式,就可以进入编辑器的高级模式(废话)。
       发贴界面:
       高级模式:
       显然,在高级模式中,我们已经可以使用编辑器自带的工具来进行一些文字排版工作了。但如果你想要芜湖起飞,或者使用一些现有工具里没有的功能,就点击右上角选中“纯文本”选项,然后你可能会发现:世界线产生了一些变动!
       世界线变动前:
       世界线变动后:
       不要慌,你的格式没丢,这只是正常的世界线变动。我们在编辑器中看到的格式就是方括号里这些奇奇怪怪的指令变成的,现在你只是透过现象看本质了而已。
       编辑器中已经自带了一些比如:
加粗
倾斜
下划线
更改字体
更改字色
更改背景色
更改字号
左对齐(默认)

居中对齐

右对齐

       之类的基础功能。只要我们在编辑器的纯文本模式下使用编辑器顶端的相应工具,就能够直接看到编辑器生成相应代码的过程,当然,这一类代码也可以叠放,比如:
我被居中加粗改了字色甚至还有个背景你羡慕吗!

       你看这样打预警的话是不是超醒目的!(太辣眼睛了快走开)

       因为编辑器自带了,所以这里对这一类基本操作不再赘述(只是我懒)。
       总之一个指令代码由两部分组成,两边都会被用英文半角方括号“[]”括住,前面写你想要的指令代码:

比如加粗就是“b”(要运行代码的话,就把两边的双引号改成英文半角方括号“[]”,之后的也同理),下划线就是“u”,更改字色为蓝色就是“color=blue”……

  然后在前端的指令后面写你想要加入的正文,在这一段正文结束,你想要清除掉这个格式的部分,就以方括号内英文半角斜线+你之前运行的指令来结束:

比如结束加粗就是“/b”,结束下划线就是“/u”,结束更改字色的部分让它变回黑色就是“/color”等等。

  需要注意的是比如更改颜色,字体,字号等等这一类代码是AA=×××的,在结束的时候只需要/AA就可以了。顺便上边的格式是引用,在选中正文部分高级模式编辑器里直接点就行(一脸讲起来很麻烦的表情)。
       如果你忘记写表示结束的斜杠指令,那么编辑器会自动在文章结束的部分给你加一个。所以如果稍不注意,就可能会发生“本来你只想把文章里某一个词改成绿色,结果发出去却发现整篇文章从那个词后面都变成了绿色”这样的惨案。

       不过!我还是要单独把更改颜色和字号的部分拿出来讲一下,这部分其实是可以不用很累很麻烦就能玩一些超出编辑器自带内容的花活的:


首先来讲字号(因为这个比较简单):
       众所周知编辑器里自带的字号有7种:
       1234567
      (顺便一提论坛默认的字号是size=3)
       但,我们仍然能够做到,比1更小,比7更大,又或者卡在67之间!
       如果你使用编辑器更改字号的话,会发现编辑器中自动生成的代码是“size=×”(1-7的数字)。但网页上可以显示的字号又怎么可能只有7种对吧?你在word啊wps啊有道云笔记啊石墨文档啊之类的码字软件里码字的时候,也是可以在工具栏里随便更改字号的对吧!在你的码字软件工具栏里改字号的时候,也没必要拘泥于工具栏给出的默认选项,而是可以直接在那个对应的框里写数字,想改成多大就改成多大的对吧!
       在!论坛里!当然也可以!
       只要在“size=×”的指令代码里,把英文半角等号后面的某数字改成某px就可以了!比如“size=4”“size=18px”是等同的!“size=22px”的话就会稍微大那么很不容易看出来的一丢丢!但是还是没有“size=5”大!因为“size=5”“size=25px”
       掌握了这一点之后,你当然就可以玩这种游戏了!(没人想玩!)


然后是颜色
       这个时候大家就要讲了:不对啊,编辑器里根本没有这种颜色,宣传上出了偏差的话你要负责的!
       但这就是编辑器的局限性了:编辑器里没有的颜色,不代表网页上并不能显示!只要你能找到对应的颜色代码,输入进指令里(就是AA=×××的×××部分),你就能超出编辑器的限制!将世界上所有的颜色
       还可以邀请品红警察前来出警!(不是)
       具体操作以字体颜色为例:

       众所周知,更改字体颜色的前端代码是“color=×××”,如果你使用编辑器把字体改成红色的话,那么编辑器自动生成的前端代码就是“color=red”(这里不区分大小写所以编辑器自动生成的代码里可能有大写,无所谓)。但等号后面可以放的东西远远不止英文单词,你甚至可以放html颜色代码(六位)跟rgb值!比如“color=#f400a1”又或者“color=rgb(244,0,161)”(记得符号全用半角英文)。当然最后不要忘记“/color”结束指令!

  这个操作可以被应用于所有需要改变颜色的地方,包括但不限于字体颜色,字体背景颜色,表格背景颜色等等……总之需要颜色的地方我们完全可以抛开编辑器的束缚,放飞自我,想要什么颜色就写什么颜色的代码。
       那么接下来大家就肯定要问了:我们该怎样找到想要的颜色的代码呢?
       于是:前朝遗老掏出了她的收藏夹。
       原色大辞典!
       去找吧!已经有人把一切都放在那里了!有好几个选项卡记录了很多不同风格的色卡!并且支持颜色检索!虽然操作界面是日语的……但大家都是老二刺螈了简单的日语肯定不在话下对吧!(被揍)



然后是分割线代码:“hr”
       不需要结束,直接在往方框里放一个hr就行了!就像这样:

       就算写在句尾,它也会自动跳到下一行!事实上这个hr就是被写在上一段的句尾的,因此和上一段紧紧贴着,和下一段稍有一点距离。
       当然,它也可以和上下都有一段距离,大家自行用回车换行调整就行了。也可以和上下都没有距离——
       就像这样!(只要把下一行贴在hr后面写就行了!)


再然后,(在我的臆测中)大家可能会想知道该怎么这样打预警写概览:
预警,或者Summary,或者你想写的别的东西:

我是第一行字。
我是第二行字。
我是第三行字。

       有些小机灵鬼可能会想用编辑器里的“设置文字背景色”来搞事情,但实际运用的时候就会傻眼,因为编辑器里自带的代码运行起来是这样的:

预警,或者Summary,或者你想写的别的东西:

我是第一行字。
我是第二行字。
我是第三行字。


       ……不对劲!看起来完全不对劲!虽然也不是不行但是不是想要的效果!宣传上出了偏差的话——好的好的我来负责我来负责!
       事实上被我放在上面的那种格式里运行的代码并不是文字背景色的“backcolor”。而是表格。没错,我用了表格。只要把表格内部的分隔线全部删掉只留下表格的背景色,就可以达到上面的那种效果!
       高级模式的编辑器已经自带表格工具,点开表格工具的话就可以看见这个和这个。
       ……这都是啥啊!
       不要慌,总之在背景颜色那里随便选个颜色,就这么把表格放出来吧。我们见招拆招,而且颜色这种东西可以随便改(与上面的字色部分同理)的不是嘛!
       于是按照默认设定,我们就有了这么一个表格:


       (呃啊,系统自带的颜色好刺眼!)
       它的代码长这样:
       首先我们可以把这个刺眼的颜色给改掉,就如上文讲解过的那样,把表示颜色的“Cyan”改成我们想要的随便什么颜色,比如“#e7e7eb”,它就变成了:

       然后我想要让它居中显示:没关系,只要在纯文本模式下选中所有代码,直接用编辑器给它居中就行了!(当然你也可以选择在这段代码头尾处自己手打“align=center”“/align”的居中代码)

       再然后,结合上面那张系统自带的小提示,我们就可以知道,中间的那堆“tr”“td”之流是负责表示行背景和列宽……什么乱七八糟的!看不懂!删掉!删掉之后里面写点字,看看哪里出问题了就知道是用来管什么的了!
于是
我就这样
把所有的tr和td代码全部删掉了

       虽然竖线没有了,但为什么分行之后还是有横线……打开纯文本模式一看,好家伙,每一行的首尾又出现了这些代码!
       事实就是:如果你把这些表格之中必须要有的代码要素全部删除的话,那么编辑器会自动为你再次添加出来。简单地说明的话,就是“tr、/tr”表示表格中这一行的背景色,“td、/td”表示表格中的格子。所以如果你操作得法的话,还可以这样玩:
要跟我比
你还差了
两万年!
(被打死拖走)

       如果你不想要表格中间的线的话,只要留下一对“tr”“td”“/td”“/tr”在要写的文段首尾就可以了!中间可以随意换行,表格内部会保留下你的格式!但一定要注意顺序:开始的时候先写tr再写td,结束的时候先结束/td再结束/tr,不然编辑器会现场人工智障给你看,在你的/table之前当即给你补充上一个/td/tr,把你自己写出来的/tr/td孤零零地落在表格最底下一行。
       最后,大家都应该注意到了代码最开始那里的“table=50%”。其实这个百分之几是你的表格相对于网页中显示文字部分的宽度。如果你写table=10%,那么你的表格宽度就会只占文章宽度的10%,看起来就像这样:
我是10%

       然而这里需要注意的是,论坛不支持“table=100%”,如果你写了100%或者以上的数字,编辑器会自动修改成98%,比如:
我是98% ,其实我想当101%,但编辑器不让

       另外,表格内部与表格外部是隔离的,一些外部的代码不会在表格内部也运行。举例来讲:你为了让表格居中而在表格代码的首尾处写了“align=center”的代码,但你在表格内写的正文不会受到“align=center”的影响,仍然是默认的左对齐。如果你想要让里面的正文也居中,那就要再在表格内的正文里重新加入“align=center”代码。


       总而言之,论坛排版常用的功能大概就是这些(。当然还有些什么隐藏部分文本啊设置阅读权限啊加外链啊加外链图片啊加外链bgm啊加外链视频什么的……但谁会用啊!(其实就是你自己不用吧!)
       反正掌握了以上的技巧基本就能满足文手在论坛内整活的愿望了,也欢迎其他旁友们进行指正或者进行增补。我水完了。希望不会挨揍。
钻进冰洞下潜(。)


本帖子中包含更多资源

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

×
一只废物海豹。长期躲在冰洞里潜水。
回复

使用道具 举报

137

主题

218

回帖

3821

积分

论坛元老

鸭蛋

积分
3821
发表于 2021-2-9 23:10:22 | 显示全部楼层
呜呼,太实用了!这一点都不水,是干货。
杂食社畜,脑洞又大又雷,往悬崖直直冲。
-
回复

使用道具 举报

28

主题

63

回帖

1629

积分

金牌会员

积分
1629
 楼主| 发表于 2021-2-9 23:19:21 | 显示全部楼层
yadan 发表于 2021-2-9 23:10
呜呼,太实用了!这一点都不水,是干货。

这是来得早的人才能用的水贴方式!这样水贴绝对不会被gank!早期的鸟儿有虫吃!
一只废物海豹。长期躲在冰洞里潜水。
回复

使用道具 举报

20

主题

33

回帖

2024

积分

管版打工人

积分
2024
发表于 2021-2-9 23:25:25 | 显示全部楼层
芜湖,很有用,感谢

另外悲报,里区要求主题帖大于5,所以至少6个
目标是赛车大师
请称赞我的车技——非常感谢——
点梗戳➡️https://ultraslash.club/discuz/f ... &extra=page%3D1
回复

使用道具 举报

28

主题

63

回帖

1629

积分

金牌会员

积分
1629
 楼主| 发表于 2021-2-9 23:31:23 | 显示全部楼层
结鸳鸯 发表于 2021-2-9 23:25
芜湖,很有用,感谢

另外悲报,里区要求主题帖大于5,所以至少6个

!?!?!?!?!
(死亡)
一只废物海豹。长期躲在冰洞里潜水。
回复

使用道具 举报

20

主题

33

回帖

2024

积分

管版打工人

积分
2024
发表于 2021-2-9 23:33:33 | 显示全部楼层
糯米糍 发表于 2021-2-9 23:31
!?!?!?!?!
(死亡)

是的呢,我好不容易水到5个,结果还是进不去(沉痛
目标是赛车大师
请称赞我的车技——非常感谢——
点梗戳➡️https://ultraslash.club/discuz/f ... &extra=page%3D1
回复

使用道具 举报

28

主题

63

回帖

1629

积分

金牌会员

积分
1629
 楼主| 发表于 2021-2-9 23:35:15 | 显示全部楼层
结鸳鸯 发表于 2021-2-9 23:33
是的呢,我好不容易水到5个,结果还是进不去(沉痛

苍天啊!赐我一个表番梗吧!(对这个海豹指指点点)
一只废物海豹。长期躲在冰洞里潜水。
回复

使用道具 举报

41

主题

183

回帖

2489

积分

管版工头

急件处理+Q群 495684825

积分
2489
发表于 2021-2-10 00:22:29 | 显示全部楼层
dbq,我没注意到这个细节,我改了我改了。豆知识,访问别人空间可以增加2块钱。
是个社畜,论坛有任何问题喊我上网。
回复

使用道具 举报

28

主题

63

回帖

1629

积分

金牌会员

积分
1629
 楼主| 发表于 2021-2-10 00:25:54 | 显示全部楼层
admin 发表于 2021-2-10 00:22
dbq,我没注意到这个细节,我改了我改了。豆知识,访问别人空间可以增加2块钱。
...

!?

谢主隆恩!!!!(???)
一只废物海豹。长期躲在冰洞里潜水。
回复

使用道具 举报

7

主题

23

回帖

234

积分

中级会员

积分
234
发表于 2021-2-10 01:48:45 | 显示全部楼层
作为被糯米滋明示的前朝遗老(…………)我也来贡献一下自己的珍藏

这是我压箱底的颜色代码表:https://yusi123.com/1090.html 如果你觉得系统的字色很辣眼的话,可以在这个表里找到你心仪的颜色。改字色好像糯米滋教了,我再简单说一下,在高级模式——纯文本 你会看到自己有颜色的字是有代码的,比如 奥特可爱 纯文本会变成
  1. [color=#ff0000]奥特可爱[/color]
复制代码

这个#ff0000就是红色,如果我们把这串代码换成表里的其他代码就会变成 奥特可爱

  1. [color=#66CCCC]奥特可爱[/color][
复制代码

非常简单便捷!!还有就是划掉的代码是,使用范例如下:
  1. [s]无敌的沙福林[/s]
复制代码
无敌的沙福林效果就是这样啦

不要忘记输完之后要勾一下纯文本再关掉

差不多就是这样,论坛用顺手了真的很嫌弃lofter(嗯??)
回复

使用道具 举报

28

主题

63

回帖

1629

积分

金牌会员

积分
1629
 楼主| 发表于 2021-2-10 01:50:52 | 显示全部楼层
reengiorno 发表于 2021-2-10 01:48
作为被糯米滋明示的前朝遗老(…………)我也来贡献一下自己的珍藏

这是我压箱底的颜色代码表:https://yu ...

遗老HIGH FIVE!
一只废物海豹。长期躲在冰洞里潜水。
回复

使用道具 举报

1

主题

16

回帖

66

积分

注册会员

积分
66
发表于 2021-2-10 12:15:55 来自手机 | 显示全部楼层
哇这个真的好实用!!!!学到了
回复

使用道具 举报

28

主题

63

回帖

1629

积分

金牌会员

积分
1629
 楼主| 发表于 2021-2-11 11:50:38 | 显示全部楼层
本帖最后由 糯米糍 于 2021-2-11 12:03 编辑

测试用整活。
好,整活失败!很有精神!(并没有)

✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧
这个论坛似乎并不支持粘贴音频播放器flash插件呢,诶嘿❤×
✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧✦✧

(又或者是我太菜了没搞明白代码)
一只废物海豹。长期躲在冰洞里潜水。
回复

使用道具 举报

0

主题

3

回帖

78

积分

注册会员

积分
78
发表于 2021-2-11 17:54:53 | 显示全部楼层
太感谢了!!!简直就是手把手教程,感激感谢天使降临UwU
什么都能吃,太能吃了。
回复

使用道具 举报

41

主题

183

回帖

2489

积分

管版工头

急件处理+Q群 495684825

积分
2489
发表于 2021-2-15 01:22:00 | 显示全部楼层
糯米糍 发表于 2021-2-11 11:50
测试用整活。
好,整活失败!很有精神!(并没有)

插入影音或Flash的部分,因为考量多数人可能还是以手机为主,所以后台没有开启。
不是大大的问题。
是个社畜,论坛有任何问题喊我上网。
回复

使用道具 举报

28

主题

63

回帖

1629

积分

金牌会员

积分
1629
 楼主| 发表于 2021-2-15 11:59:46 | 显示全部楼层
admin 发表于 2021-2-15 01:22
插入影音或Flash的部分,因为考量多数人可能还是以手机为主,所以后台没有开启。
不是大大的问题。 ...


原来如此!不是大大啦只是个前朝遗老(?)
悄悄叼住站长的衣角
我、我可以许愿开启点评楼中楼的功能吗!
这样文章作者可以直接在读者回贴的那层楼里进行回复!有效避免作者为了恢复评论而刷屏导致(在连载长文的情况下)只看楼主功能失效(?)!
如果、如果很麻烦的话就当我没说……(小小声)

点评

芜湖!!!感恩比心!!!(但是有肯定比没有强!(?)  发表于 2021-2-15 13:01
手机版无法显示点评内容。捂脸.jpg  发表于 2021-2-15 12:51
芜湖,我试试看。  发表于 2021-2-15 12:22
一只废物海豹。长期躲在冰洞里潜水。
回复

使用道具 举报

20

主题

109

回帖

1333

积分

金牌会员

积分
1333
发表于 2021-2-15 12:54:20 | 显示全部楼层
没赶上论坛时代的贴吧人前来学习!

点评

举高高!(?)  发表于 2021-2-15 13:04
干饭!!!!!!谢谢各位爹地赏饭!!!!香香!!!饭饭!!!
回复

使用道具 举报

4

主题

26

回帖

373

积分

中级会员

积分
373
发表于 2021-2-15 15:11:56 | 显示全部楼层
只在随缘潜过水的来学习啦!!
回复

使用道具 举报

3

主题

19

回帖

99

积分

注册会员

积分
99
发表于 2021-2-16 14:22:16 来自手机 | 显示全部楼层
谢谢谢谢呜呜呜呜呜呜呜
回复

使用道具 举报

8

主题

55

回帖

588

积分

高级会员

积分
588
发表于 2021-2-16 17:13:28 | 显示全部楼层
大感谢!非常实用,孩子高兴哭了!
人是铁,饭是钢,一顿不吃饿得慌。
你说这是拆逆抹布NP牛头人?那不是更好吗.jpg
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|乌鲁托拉同人站-奥特系列/奥特曼系列的非官方同人论坛

GMT+8, 2024-10-9 08:32 , Processed in 7.250176 second(s), 27 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表