转跳到内容

【排版科普】表格,浮动与简易图片处理(上篇)


推荐贴

  • 4 周后...
  • 回复 113
  • 创建于
  • 最后回复
发布于 · 只看该作者

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

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

比如这样:

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

  • 2 周后...
  • 3 周后...
  • 1 个月后...
发布于 · 只看该作者
locker 发表于 2016-1-17 11:15

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

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

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

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

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

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

发布于 · 只看该作者
苍云静岳 发表于 2016-1-17 11:19

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

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

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

哦哦,谢谢讲解!!

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

  • 3 个月后...
  • 2 周后...
  • 2 周后...
  • 1 个月后...
  • 2 周后...
  • 2 周后...
发布于 · 只看该作者

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

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

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

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

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

  • 1 个月后...
发布于 · 只看该作者

@懒散的人

解释一下一个问题:

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

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

 

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

  • 2 周后...
发布于 · 只看该作者

[table=98%,#4EEE94]

[tr][td]

[table=98%,MediumTurquoise]

[tr][td]

之前的问题解决了!

 

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

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

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

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

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

[/table]

[/td][/tr]

[/table]

×
×
  • 新建...

重要消息

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