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

[洛乐]

wow！科普向什么的最喜欢了！{:7_509:}

 

[肾亏谷谷主]

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

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

比如这样：

[table=100%,black]

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

[/table]

我想把左边那列的黑色背景去掉，右边那列换成其他颜色背景，怎么弄？

[苍云静岳]

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

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

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

比如这样：

 

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

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

 

[肾亏谷谷主]

苍云静岳 发表于 2015-10-25 19:43

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

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

这个代码我笔记本里面有，但是搞不清楚里面原理，特别是[td=X,X]的第二个X部分

现在粘贴上来

[tr=#cc00cc][td=1,8]1颜色[/td][/tr]

[tr=#CCFF00][td=1,7]2颜色[/td][/tr]

[tr=#FFCC00][td=1,6]3颜色[/td][/tr]

[tr=#33FF00][td=1,5]4颜色[/td][/tr]

[tr=#CCCC33][td=1,4]5颜色[/td][/tr]

[tr=#CC0000][td=1,3]6颜色[/td][/tr]

[tr=#99CC00][td=1,2]7颜色[/td][/tr]

[tr=#9966cc][td]8颜色[/td][/tr]

实际效果如下：

[table]

[tr=#cc00cc][td=1,8]1颜色[/td][/tr]

[tr=#CCFF00][td=1,7]2颜色[/td][/tr]

[tr=#FFCC00][td=1,6]3颜色[/td][/tr]

[tr=#33FF00][td=1,5]4颜色[/td][/tr]

[tr=#CCCC33][td=1,4]5颜色[/td][/tr]

[tr=#CC0000][td=1,3]6颜色[/td][/tr]

[tr=#99CC00][td=1,2]7颜色[/td][/tr]

[tr=#9966cc][td]8颜色[/td][/tr]

[/table]

[萨麦尔]

虽然感觉看不太懂还是认真的看完了，多学点新技能还是会有用的嘛

[酒德亚纪]

我仔细看了一遍，表示还是不会用，但是学到了点东西，原来qq截图还能显示颜色代码啊！

[8256801]

涨姿势了，技术流啊，膜拜楼主

[locker]

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

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

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

[苍云静岳]

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

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

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

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

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

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

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

[locker]

苍云静岳 发表于 2016-1-17 11:19

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

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

SS同盟的帖子编辑是 ...

哦哦，谢谢讲解！！

确实如果是HTML的话估计很容易就对站点进行修改了……

[小魔女妮特]

 

 

想練習做表格，但還是需要有作為參考的東西呢～

 

只有…………上编？？

[erosen]

编程好像以前学过，太久没用完全忘了。

[刁刁茶茶丸]

{:7_513:}

为什么tr后面可以设定颜色

却不能对单独的td设啊...

 

这dz的设定有毒啊！！！

{:7_513:}

闷

算了...没什么区别

[yvniao]

虽然没怎么看懂，但真的是不明觉厉啊。。。目瞪口呆.jpg

[Ahegao]

太深奧了.看看就好.

[guohjkl852]

惺惺惜惺惺喜喜喜喜喜

[天之泪]

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

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

从Word文档粘贴要怎么做……

普通负责过来再调字体大小可不可以？

因为看见强大的新人所以为了维持面子来好好学排版……

[bdad8596]

好的教学人工顶置一下 不过这种学习得安下心来慢慢学 可惜我只学了半天就失去耐心了

[苍云静岳]

@懒散的人

解释一下一个问题：

[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 ...

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

 

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

[kkk555kkk333]

[table=98%,#00EE00]

[tr][td][table=94%，#76EE00]

[/td][/tr]

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

[/table]

 

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

 

[苍云静岳]

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

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

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

 

改成半角的试试呢？

[kkk555kkk333]

苍云静岳 发表于 2016-10-9 18:13

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

 

改成半角的试试呢？

好的！我去试试{:10_641:}

十分感谢静岳sama！

不过括弧笑是什么回事……{:10_638:}

[kkk555kkk333]

[table=98%,#4EEE94]

[tr][td]

[table=98%,MediumTurquoise]

[tr][td]

之前的问题解决了！

 

不过还有一些问题的说，就是这个边框静岳SAMA是怎么做到的呢{:10_641:}

我这里是这样的…{:7_513:}

做不到跟你的边框一样宽度控制，明显的右边和上下两边溢出……

而且关于图片的摆放和背景颜色也有问题，不知道怎么摆……

图片的背景颜色是用软件添加背景色吗？{:7_464:}[/td][/tr]

[/table]

[/td][/tr]

[/table]

[苍云静岳]

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

[/td][/tr]

[/table]

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

你的问题看这个楼啦23333

 

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