转跳到内容

[交流向]DZ代码试验


passer

只显示该作者

只有该作者的内容显示中。 返回到主题

推荐贴

 

 

[table=98%,Silver]

[tr][td] [/td][td] [/td][td] [/td][/tr]

[tr][td]

[/td][td][align=center][table=98%]

[tr=DarkKhaki][td][align=center]大家好,这里是路人的说……走过路过也会错过的路人啦啦……

 

之前呢,非常羡慕各位大大丰富多彩天花乱坠的帖子,于是潜下水去学习DZ编辑技巧……[/align][align=center]于是在这里和大家分享一下路人学习的知识……但!这绝对不是教程向……[/align]

[align=center]新人渣技术,路人还什么都不会呢……求各位大大指教……[/align]

[align=center]那么,就开始和大家分享各种神奇的功能……[/align]

 

[align=center]哦,对了,看到很多新人老人不会收藏帖子,请点击标题前面的小星星……(路人也是刚学会)[/align][align=center]还有就是楼层链接,点击楼层号可得到回帖地址的复制,应该没什么人不会了吧……[/align]

 

[align=center]========================路过的分割线================================[/align]

[align=center]先贴几个在我学习中给予重大帮助的帖子:苍云的DZ制表 十三的DZ教程[/align]

[align=center]------------------------------------------------路过的分割线----------------------------------------------------------------[/align]

[fold=简介什么的只能用来装逼了……]

UBB代码是HTML(标准通用标记语言下的一个应用)的一个变种,是Ultimate Bulletin Board (国外的一个BBS程序)采用的一种特殊的TAG。UBB代码很简单,功能也很少,但是由于其Tag语法检查实现非常容易,所以不少网站(路人认为尤其是论坛)引入了这种代码,以方便大家使用显示图片/链接/加粗字体等常见功能。

UBB使用正则表达式来进行匹配,不同的论坛所使用的UBB代码很可能不同,不能一概而论。UBB代码的出现,使得论坛可以使用类似HTML的标签来增加文字的属性,同时又不用害怕HTML代码中所夹带的不良信息!

基本上,UBB标记允许大家在文章中添加本来需要 HTML 标记的功能或风格。即使像SSTM禁用了 HTML 标记,UBB 标记仍然可以使用。因为UBB比HTML要求更少的编码技术,同样也更安全,因此大家更愿意使用 UBB 标记,即便某些讨论区允许使用 HTML 标记。

UBB并没有明确的标准,网络上的UBB种类繁多,语法不一。

Discuz代码即Discuz!代码,也是所讲的UBB代码,是一种内置的代码,Discuz!论坛中发帖子,设置签名等等的使用代码,里面代码在提取时会自动转成HTML语言,显示出网页上的各种效果。

值得一提的是:Crossday Discuz! Board(简称 Discuz!)是北京康盛新创科技有限责任公司推出的一套通用的社区论坛软件系统。也就是说DZ本身包括所有的前台后台……

[align=right]——来自百度百科[/align][/fold]

 

 

基础功能代码:

 

 

[backcolor=rgb(0, 255, 255)]加粗的 B :[/backcolor]

[b]加粗就是装逼啦啦[/b]

为特定字符加粗以突显它们……然而我还是不知道如何在标题中写入加粗代码……

 

 

[backcolor=rgb(0, 255, 255)]倾斜的 I :[/backcolor]

[i]我倚墙而立[/i]

斜体来源于西方……一般多用于:

1.表示强调,唤起注意

2.书籍名称、文章标题、船舶名称等

3.表示引用

4.外语,如英文文章中夹杂的法语

 

 

[backcolor=rgb(0, 255, 255)]下划线的 U :[/backcolor]

[u]你需要一条下线[/u]

同样为强调文字,引起注意……

 

 

[backcolor=rgb(0, 255, 255)]文字颜色的 color :[/backcolor]

[color=red]颜色是红色的[/color]

颜色饱含某些情感……得当的把握可以增强表现力……

 

 

[backcolor=rgb(0, 255, 255)]字体大小的 size :[/backcolor]

[size=3]字体的大小是3号[/size]

得当的调节可以使界面整洁,同时也有增强表现力效果……

 

 

[backcolor=rgb(0, 255, 255)]书法家的 font :[/backcolor]

[font=某字体]以该字体表现的内容[/font]

中文字如画,合适的字体能最大限度的表现文字的力量……

 

 

[backcolor=rgb(0, 255, 255)]背景颜色的 backcolor :[/backcolor]

[backcolor=black]背景颜色是黑色[/backcolor]

路人感觉背景色和字色的冲突比单一的字色更有力……

 

 

[backcolor=rgb(0, 255, 255)]超级链接的 url :[/backcolor]

[url=目标]随意的名字……[/url]

网络时代便捷的资讯通道……

 

 

[backcolor=rgb(0, 255, 255)]分割线的 hr :[/backcolor]

[hr]

其实路人还是比较建议手打的分割线……中间可以加字哈哈……

 


 

 

[backcolor=rgb(0, 255, 255)]自动排版的 p :[/backcolor]

[p=行距,段前空格数,对齐方向]帮你排版的文字[/p]

[p=30, 2, left]一个悲剧的现实是:不知道为什么纯手打代码无法发挥作用果然是我做错什么了吗……[/p][p=30, 2, left]这就是默认的30行距,首段自动添加全角空格×2,左对齐效果了……[/p][p=30, 2, left]好像不能和折叠并存……其作用机理好像是在回车时自动在下一行生成代码……[/p]

 

[backcolor=rgb(0, 255, 255)]各种对齐的 align :[/backcolor]

[align=对齐方向]自动列队的文字[/align]

默认的左对齐……偶尔我们是不是也换换口味?

 

 

[backcolor=rgb(0, 255, 255)]各种浮动的 float :[/backcolor]

[float=浮动方向]浮动内容[/float]

文字环绕图片效果……我们终于不用担心太高的图片头顶青天了……

 

 

[backcolor=rgb(0, 255, 255)]自动排序的 list :[/backcolor]

[list][*]排序内容#1[*]排序内容#2……[/list] 

未排序列表,前面一小点……

[list=1][*]排序内容#1[*]排序内容#2……[/list]

排序列表,前面是自动计数……如果赋值为A或a,将自动调用字母表

 


 

 

[backcolor=rgb(0, 255, 255)]贴图狂魔的 img :[/backcolor]

[img=长,宽]图片网址[/img]

如果不进行赋值,即取默认尺寸……下同

 

 

[backcolor=rgb(0, 255, 255)]爱音乐的 audio :[/backcolor]

[audio]音乐外链地址[/audio]

为帖子添加BGM,增加感染力……

 

 

[backcolor=rgb(0, 255, 255)]从未成功的 flash :[/backcolor]

[flash=长,宽]flash地址[/flash]

为帖子添加flash动画……立刻就高大上了……

 

 

[backcolor=rgb(0, 255, 255)]同样从未成功的 media :[/backcolor]

[media=x,长,宽]视频地址[/media]

贴视频后就不用再加载另一个网页了……

 

 

[backcolor=rgb(0, 255, 255)]深受大家喜爱的 fold :[/backcolor]

[spoiler]折叠的内容[/spoiler]

活用折叠可有效缩减版面……

 


 

 

[backcolor=rgb(0, 255, 255)]一直被使用,从未被正视的 quote :[/backcolor]

[quote]引用内容[/quote]

大家每天默默地引用回复……然而很少正式地使用

 

 

[backcolor=rgb(0, 255, 255)]同样没几个人用的 code :[/backcolor]

格式正确的失效代码

此处比较尴尬的是。后面两个[/code]导致识别到前一个时就结束了,将本该上位的一个扔在外面……无奈只好采用这样的形式……代码识别都用英文半角中括号……真是逼死强迫症哇……

 

 

[backcolor=rgb(0, 255, 255)]能免则免的 free :[/backcolor]

[free]收费帖中的免费观看内容[/free]

你什么都不说,我怎么明白哇……

 

 

[backcolor=rgb(0, 255, 255)]躲躲藏藏的 hide :[/backcolor]

[hide]此处为回复可见内容[/hide]

也不能因为回复可见就水回哇咔咔……

[hide=d×,××]高于××积分可见,×日内有效[/hide]

很少有这种帖子哇……是我没穿越的缘故?

 

 


 

 

[backcolor=rgb(0, 255, 255)]飞过去的 fly :[/backcolor]

[fly]在飞的文字[/fly]

这是现在我所知的唯一一个可以用的特效

[fly]效果是这样的………………[/fly]

 

 

[backcolor=rgb(0, 255, 255)]删除线的 s :[/backcolor]

[s]会被删除线穿过的内容[/s]

这是大家比较常用的技巧……

 

 

[backcolor=blue]以上基本就是编辑栏里面的代码形式……除了后面两个……大家活用各种功能能为帖子增分不少……[/backcolor]

 

 

[align=center]===========================路过的分割线=================================[/align]

 

其实最让帖子增色的果断还是制表功能……也就是table……

制表的应用深究起来路人感觉可以与上面所有的内容应用总和相抗衡……

而这也是应该算摸到一点平面设计的门路了……

 

制表的方式在给予路人帮助的帖子里面已经有了较为详尽的叙述……

表格的代码……

[table=50%]
[tr][td] [/td][td] [/td][/tr]
[tr][td] [/td][td] [/td][/tr]
[/table]

以上为两行两列表格代码……默认宽度50%…[tr]为行,可定义颜色,[td]为列,可定义列宽…

 

值得一提的是:

  1. table赋值可以是像素也可以是百分比,当像素值大于560自动改为98%
  2. table整体定义颜色在行定义颜色后即在该行失效
  3. table边框无法定义颜色,默认为浅蓝色
  4. table不会自动居中,可手动调节
  5. table代码最多叠加五层,第六层开始失效
  6. 列无法定义颜色_(:зゝ∠)_

配色方面:

推荐去看 RGB颜色对照表

英文名称在DZ上可用……比如:[table=50%,Yellow] [tr=sliver]……

 

制表其实很有很多的高级应用及衍生应用……

如果大家自觉骨骼惊奇,是天生的练武奇才,路人这里有一本[backcolor=LightBlue]坑爹秘籍[/backcolor]……

今日与你有缘,就坑爹地送给你了……

 

不过呢……有这闲工夫还不如在word上弄好表格后贴过来……

 

 

总而言之,制表什么的我们这种渣渣也就只是用来填充背景好让帖子看起来比较酷炫一点……

然而我想说其实这并没有什么卵用……果然使帖子高大起来的还是图片哇咔咔…还是PS最重要…

 

[align=center]-----------------------------------------------------路过的分割线------------------------------------------------------------------[/align]

是代码自然有组合……

 

 

例如:

[align=center][size=5][backcolor=black][color=#ffffff][font=黑体]欢迎大家来交流……[/font][/color][/backcolor][/size][/align]

比如这个……居中字体五背景黑字色白的复合效果……

[align=center][backcolor=black][size=5][color=#ffffff][font=黑体]欢迎大家来交流……[/font][/color][/backcolor][/size][/align]

如果改成这样……效果就是这样了

[align=center][backcolor=black]欢迎大家来交流……[/backcolor][/align]

 

可以发现,代码识别是从前向后,而且后半部分的顺序因为在同一个地方结尾所以与上一个没有区别……

 

然后我们可以在图片上添加链接……

[url=链接地址][img=长,宽]图片地址[/img][/url]

然而这里的两个代码后半部分不能互换……因为识别到[/url]时会破坏[/img]的识别……但是字方面的代码貌似没有这种问题……

 

DZ代码对大小写不敏感……大家可以使用

但是为什么分割线用大写就不行?

所以路人还是建议大家使用小写输入……

 

 

 

 

[align=center][backcolor=black]欢迎大家来交流……[/backcolor][/align]

[align=center]毕竟手打……我也不能保证全对,有错请指出……

[/align]

[fold=制作后记&心得]这个帖子从第一天开始学习,到晚上开始制作,直接做到第二天早上……因为修了很久……

先是打开纯文本状态看到里面一团糟,后来发现在非纯文本状态下编辑并不能很好地作用在代码上……

然而毕竟学习了几个小时,路人还是慢慢地补内容和修复……

比如段首行带背景色字符前回车,结果居然把[backcolor]代码扔在了上一行……_(:зゝ∠)_

然后终于玩脱了……不知道为何,最后得两个折叠整个变成了论坛主页的超链接……

然而在编辑状态哪怕是纯文本状态下也没有路人可见的异常……

于是只好把最后两个折叠删了重做……

结果召唤术成了牺牲品……我也懒得做了……[/fold]

[backcolor=xxxxxx]

 

[/backcolor][/td][/tr]

[/table][/align][/td][td] [/td][/tr]

[tr][td] [/td][td] [/td][td] [/td][/tr]

[/table]

 

链接到点评
  • 回复 1.7k
  • 创建于
  • 最后回复

本主题的最活跃

一色彩羽 发表于 2015-8-3 06:30

配色还有待改进的感觉?。。虽然我的配色也很渣吧。。

不过这些都好(wu)好(chi)借(chao)鉴 ...

{:8_554:}配色的话是银灰边框加上卡其色内部……我没怎么学过配色就是了……

 

未成功的会继续尝试的……

链接到点评
一色彩羽 发表于 2015-8-3 06:59

我想查的话直接用qq截图很方便的。。

网上有现成的配色方案,可以参考参考

还有就是各种渐变色吧 ...

{:8_566:}QQ截图的那个手法我不会哇……不知道怎么弄……

{:8_557:}本来想拿苍云那个帖子的紫色,看起来很高雅的样子……结果就失败了……

链接到点评
水怪猎人 发表于 2015-8-3 07:49

分割线上面的部分其实大部分这里都有直接的按钮的...

至于下面部分确实是受教了..

然而我还是 ...

{:8_567:}主要目的在后记里面也提到了……主要是为了在排版后帖子出现问题到纯文本环境下修复做准备……
链接到点评
×
×
  • 新建...

重要消息

为使您更好地使用该站点,请仔细阅读以下内容: 使用条款