喜闻乐见 【排版科普】表格，浮动与简易图片处理（上篇）

[苍云静岳]

天下暮雪 发表于 2015-10-25 15:12

终于多少搞明白了一些~笨人学东西就是慢

目前来说还是有个小问题，如果在一行里面有两列

比如这样：

 

单独调整每列颜色这个技术我暂时还没有掌握。

研究出了论坛版像素SS娘的123是知道怎么玩的，你可以去问问他。

 

[苍云静岳]

locker 发表于 2016-1-17 11:15

最近接触了一些前端的东西，

想问一下这是html的语法吗？

把尖括号改成方括号为了防xss攻击吗？ ...

不是的，这个是DZ代码，专用于论坛的显示。

html代码要复杂多了www能实现的也更多了~~~

SS同盟的帖子编辑是禁html代码的。

[苍云静岳]

@懒散的人

解释一下一个问题：

[align=center]道理我都懂，为什么我通过表格做的边框那么宽~

[/align]

[align=center]回答：因为你的代码里有回车。

[/align]

如果代码是这样的：

[table=98%,#ded5da]
[tr=rgb(178,134,183)][td] 
[/td][td] 
[/td][td] 
[/td][/tr]
[tr=rgb(214,188,215)][td] 
[/td][td] 
[/td][td] 
[/td][/tr]
[tr][td] 

看见没？从[td]到下一个[/td]有一个回车的距离。

这个体现在表格里也就是一个回车，所以上面的表格里看似什么都没有，其实有一个回车。

 

这样的表格是这个样子：

[table=98%,#ded5da]

[tr=rgb(178,134,183)][td]

[/td][td]

[/td][td]

[/td][/tr]

[tr=rgb(214,188,215)][td]

[/td][td]

[/td][td]

[/td][/tr]

[tr][td]

[/td][td] 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试[/td][td]

[/td][/tr]

[tr=rgb(214,188,215)][td]

[/td][td]

[/td][td]

[/td][/tr]

[tr=rgb(178,134,183)][td]

[/td][td]

[/td][td]

[/td][/tr]

[/table]

 

好难看QAQ

 

但是我们可以在纯文本格式下，把回车删去，让代码变成这个样子：

[table=98%,#ded5da]
[tr=rgb(178,134,183)][td] [/td][td] [/td][td] [/td][/tr]
[tr=rgb(214,188,215)][td] [/td][td] [/td][td] [/td][/tr]
[tr][td] 

这样的表格是这个样子：

[table=98%,#ded5da]

[tr=rgb(178,134,183)][td] [/td][td] [/td][td] [/td][/tr]

[tr=rgb(214,188,215)][td] [/td][td] [/td][td] [/td][/tr]

[tr][td] [/td][td] 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试[/td][td] [/td][/tr]

[tr=rgb(214,188,215)][td] [/td][td] [/td][td] [/td][/tr]

[tr=rgb(178,134,183)][td] [/td][td] [/td][td] [/td][/tr]

[/table]

[苍云静岳]

天之泪 发表于 2016-8-2 12:15

好像挖坟了……不过还是想问点问题……版主发现的话求不杀……

那个排版需要的图片是如何插入的呢？

从Word ...

图片都是通过图床做的外链。

 

图床的使用的话，你可以去看看绘区的置顶帖子。

[苍云静岳]

我是爱分享音乐的小k~ 发表于 2016-10-9 17:36

大概就是这样，不知道为什么表格中表格不能加颜色

你唯一的问题是，用了全角的逗号【笑】

 

改成半角的试试呢？

[苍云静岳]

我是爱分享音乐的小k~ 发表于 2016-10-9 21:18

[/td][/tr]

[/table]

https://sstmlt.moe/forum.php?mod=redirect&goto=findpost&ptid=106943&pid=9718467

你的问题看这个楼啦23333

 

然后图片背景色是用ps的~

[苍云静岳]

q27555280 发表于 2016-10-13 13:04

因羡慕版主们的发帖，为了duang，于是在推荐之下来到本帖子

经过动手，发现也不是太难，接下来是颜色的纠结 ...

没错，配色其实才是真正的技术活~

 

很高兴能帮到你~希望之后你也可以动手码出漂亮的帖子哟~

[苍云静岳]

セリカ・シルフィル 发表于 2016-11-7 14:40

静岳，下面呢？

下面没有了吗？

我等着甩给助手学习啊。

下面暂时没有了...

[苍云静岳]

kusorumba 发表于 2016-11-14 14:14

请问一下大大 有办法把图片当作表格背景吗

在别的DZ框架下可以，但是很抱歉，在我们论坛似乎是不行的。

 

或者说相关的代码我也没有研究明白，你可以自己试试的~

[苍云静岳]

kusorumba 发表于 2016-11-14 19:40

感谢排版大神的科普 ありが㌧♪(･ω･)ﾉ

 

就这帖介绍的 对我来说 已经是发现新世界了

DZ？有版本更替啊。

 

只是咱们论坛用的应该是比较老的版本了~

[苍云静岳]

kusorumba 发表于 2016-11-14 19:46

OK 虽然听起来很蠢 想问一下那为什么SS娘不更新的呢?

那个是后台组在管理的事情啦2333

 

之后的话有可能会有比较大的框架改动吧，正在做。