【小技巧】利用Discuz!表格来制作签名图，顺带一些自己弄的The Dark Knight Rises的签名图

电影帝

众所周知，论坛里面超过600宽像素的就会被缩小。
如果在同一行放好几张图片以此想来达到长签名图的效果，很因为容易屏幕像素不够导致有的图片排列到了下一行，影响了美观。
下面就讲一下利用表格来做签名图的小技巧。其实很多人都知道的。

---

1.用表格充当背景色，来达到最大长度。

这样子做的好处是看起来的签名图长度会随着你的窗口大小而变化。无论屏幕像素多长都能完整填充。
首先将我们的素材稍微处理，处理成能完美融入某一个纯色的背景中的图片。
如下图，就可以用一个黑色表格充当背景，

把图片嵌入到表格中，再用居右排版。
代码如下：

1. [table=98%,Black]
   
2. [tr][td][align=right][img=540,200]http://bbsimg.ubgame.com/data/attachment/forum/201207/09/220603zz9djvbb5knkvl7j.png[/img][/align][/td][/tr]
   
3. [/table]

复制代码

效果如下图：

类似的，我们可以得到：



有些图片适合居中排版，有些适合居左排，都是看图片来的。居中例子代码如下：

1. [table=98%,Black]
   
2. [tr][td][align=center][img=308,200]http://bbsimg.ubgame.com/data/attachment/forum/201207/09/210541w1vowetlyozl5ole.png[/img][img=307,200]http://bbsimg.ubgame.com/data/attachment/forum/201207/09/210544iers4h0rrszrkjht.png[/img][/align][/td][/tr]
   
3. [/table]

复制代码

效果如下：





有时候我们一张图片太单调，那我们就拼一张小图片。
如下图片：

可以做两个小logo拼一下。

拼接的代码如下：




也可以弄一个动态的小图和我们的大图拼接。



我们前面制作的图片也可以拼这个东东。




缺点：表格做背景只能用于能和纯色融合的图片，不适用其他图片类型。

2.用表格强制图片在同一行

就是利用表格的同一行不同列绝不能可能下移的特征。缺点也是很明显的，就是图片不能完美拼接，中间会出现大概9个像素的间隔空间。
如下列三张图片：

想要把它们放在同一行，无论你屏幕分辨多小，都是在同一行。
代码：

1. [table=1620]
   
2. [tr][td=540][img=540,200]http://bbsimg.ubgame.com/data/attachment/forum/201207/09/225126l5ii3pbvabp3p071.png[/img][/td][td=540][img=540,200]http://bbsimg.ubgame.com/data/attachment/forum/201207/09/230210lwielrn69leic5zz.png[/img][/td][td=540][img=540,200]http://bbsimg.ubgame.com/data/attachment/forum/201207/09/225116jhr304jzlwc8rrqc.png[/img][/td][/tr]
   
3. [/table]

复制代码

实际效果：

表格背景弄个颜色，让图片效果看起来像相框。
代码：

1. [table=1620,#888888]
   
2. [tr][td=540][img=540,200]http://bbsimg.ubgame.com/data/attachment/forum/201207/09/225126l5ii3pbvabp3p071.png[/img][/td][td=540][img=540,200]http://bbsimg.ubgame.com/data/attachment/forum/201207/09/230210lwielrn69leic5zz.png[/img][/td][td=540][img=540,200]http://bbsimg.ubgame.com/data/attachment/forum/201207/09/225116jhr304jzlwc8rrqc.png[/img][/td][/tr]
   
3. [/table]

复制代码

实际效果：

不过这些也不是完美的方法，只能折中达到我们效果的办法。希望还有别的实现效果。

chenben207

影帝技术帝

SinωSaGa

支持，这个很实用

电影帝

忍术邀请发动！可恶暴走呢！

Y出尘

MARK一下，这算是教程了……{:13_431:}

songfujs

帅气啊........................

eniac_whyt

原来看似普普通通帅气的签名图，暗含着玄机

SinωSaGa

电影帝 发表于 2012-7-10 21:54
忍术邀请发动！可恶暴走呢！

被系统吃掉了

mair1911

你总算干见很正经的事情啦。。。

~“君子”~

碉堡了……技术帖，人民群众绝对拥护之……
PS：影帝这头像我看着很不习惯…………

xialei_026

难得看到电影帝辛苦赚钱。

tbchyu001

{:13_446:}壮哉我大蝙蝠侠

麦克拉翁

好办法。

电影帝

xialei_026 发表于 2012-7-10 22:00
难得看到电影帝辛苦赚钱。

我一直是苦力好不好...没暴走金馆长没有表情来表达我的状态

xialei_026

电影帝 发表于 2012-7-10 22:03
我一直是苦力好不好...没暴走金馆长没有表情来表达我的状态

你还不换回你的工作组牌子吗？

电影帝

raymanrrr 发表于 2012-7-10 22:00
太长了，懒得看，路过

反正入美工组就行了，我下个月就不常来游侠了，你要替我做高质量勋章呢

小词典

这么久的技术，你怎么现在才拿出来写教程？？？ 难不成最近粮尽弹绝，没有东西可以写拉？

SinωSaGa

电影帝 发表于 2012-7-10 22:04
反正入美工组就行了，我下个月就不常来游侠了，你要替我做高质量勋章呢
...

不会又是骗人吧，为什么不来了

xialei_026

电影帝 发表于 2012-7-10 22:04
反正入美工组就行了，我下个月就不常来游侠了，你要替我做高质量勋章呢
...

你找到接班人了？

电影帝

小词典 发表于 2012-7-10 22:06
这么久的技术，你怎么现在才拿出来写教程？？？ 难不成最近粮尽弹绝，没有东西可以写拉？
...

只是为了