【蝴蝶说】懒人一分钟美化帖子，内容1、2、30、31楼，求打赏=。=

-蝴蝶- · 发表于 2014-6-14 19:21

注册论坛，赚取积分可领珍贵论坛礼包，让你轻松玩转天谕。

您需要登录才可以下载或查看，没有帐号？注册

x

本帖最后由蝴蝶化作彩雲飛于 2015-5-30 17:25 编辑

云垂记者团的妹子流水小贝开过过代码培训班。这个应该是排版代码入门了，大家可以去看看。

链接：http://ty.netease.com/viewthread.php?tid=22653&

天灏的发展帖：http://ty.netease.com/redirect.php?tid=24080&goto=lastpost#lastpost

鉴于懒人都不打愿意去写代码，我这里给大家贴一些代码出来效果图也贴出来。其实效果图代码中的图片就是就是代码中的图片地址。另外，颜色就是#后面那些字母和数字组合出来的，我会把它们贴在二楼。还有一些很简洁的框架也在二楼。关于使用，大家进入高级编辑模式以后，右上角会出现下图

123.jpg (4.75 KB, 下载次数: 1)

下载附件

2014-6-14 19:36 上传

把代码复制进版面，点一下源码，再取消钩钩，就可以看到排版效果了，可以在没有钩钩的情况下排版，一般所见即所得。
1、

此处可填写内容

[align=center][table=560,#e0e0e0][tr][td][table=550,#f0f0f0][tr][td][table=540,#e0e0e0][tr][td][table=530,#f0f0f0]
[tr][td][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/111441cdq4qhdp0u0c0al0.png[/img][/td][/tr]
[tr][td]此处可填写内容[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

2、

此处可填内容

[align=center][table=560,#95CACA][tr][td][table=550,#B3D9D9][tr][td][table=540,#C4E1E1][tr][td][table=530,#D1E9E9][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/111448w1udqjp1e92l8wwa.png[/img]
此处可填内容
[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/table][/align]

复制代码

3、

此处可填内容

[align=center][table=560,#FFBB77][tr][td][table=550,#FFC78][tr][td][table=540,#FFD1A4][tr][td][table=530,#FFDCB9][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/111454x2lb2iil1idfidc4.png[/img]
此处可填内容
[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/table][/align]

复制代码

4、

此处可填写内容

[align=center][table=560,#6FB7B7][tr][td][table=550,#5CADAD][tr][td][table=540,#4F9D9D][tr][td][table=530,#408080][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/111501ixgwonscwe7uhmwu.png[/img]
[color=white]
此处可填写内容
[/color]
[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/table][/align]

复制代码

5、

此处可填写内容

[align=center][table=560,#FFDAC8][tr][td][table=550,#FFCBB3][tr][td][table=540,#FFBD9D][tr][td][table=530,#FFAD86][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/11150788zli06s5dzbb5sg.png[/img]
此处可填写内容
[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/table][/align]

复制代码

6、

此处可填写内容

[align=center][table=560,#C4E1FF][tr][td][table=550,#ACD6FF][tr][td][table=540,#97CBFF][tr][td][table=530,#66B3FF][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/11151333dxfznv3j3ex0lx.png[/img]
此处可填写内容
[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/table][/align]

复制代码

7、

此处可填写内容

[align=center][table=560,#FFFF6F][tr][td][table=550,#FFFF93][tr][td][table=540,#FFFFB9][tr][td][table=530,#FFFFCE][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/111522eyfggyqy8i6ovc3g.png[/img]
此处可填写内容
[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/table][/align]

复制代码

8、

此处可填写内容

[align=center][table=560,#FF95CA][tr][td][table=550,#ffaad5][tr][td][table=540,#FFC1E0][tr][td][table=530,#FFD9EC][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/111530b3ywqwchvztbvn8x.png[/img]
此处可填写内容
[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/table][/align]

复制代码

9、

此处可填写内容

[align=center][table=560,#53FF53][tr][td][table=550,#93FF93][tr][td][table=540,#A6FFA6][tr][td][table=530,#BBFFBB][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/1115463lwc77kocwo7eysc.png[/img]
此处可填写内容
[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/table][/align]

复制代码

10、

此处可填写内容

[align=center][table=560,#8E8E8E][tr][td][table=550,#BEBEBE][tr][td][table=540,#E0E0E0][tr][td][table=530,#FCFCFC][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/111551y8n3zqyn9fyh7g47.png[/img]
此处可填写内容
[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/table][/align]

复制代码

11、

此处可填写内容

[align=center][table=560,#BEBEBE][tr][td][table=550,#9D9D9D][tr][td][table=540,#4F4F4F][tr][td][table=530,#000000][tr][td][img]http://www.520pscl.com/data/attachment/forum/201303/12/111556mg77o8z3yg83n7nv.png[/img]
[color=white]
此处可填写内容
[/color]
[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/table][/align]

复制代码

12、

此处可填写内容

[align=center][table=600,#ff95ca][tr][td][table=590,#ffaad5][tr][td][table=580,#ffc1e0][tr][td][table=570,#ffd9ec]
[tr][td][img=700,0]http://www.520pscl.com/data/attachment/forum/201304/22/143222l82lb3uxrbnjgkog.jpg[/img] [tr][td][tr][td][tr][td][/td][/tr][tr][td][tr][td]
此处可填写内容
[tr][td][tr][td][tr][td][/td][/tr][tr][td][/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

13、

此处可填写内容

[align=center][table=600,#ff60af][tr][td][table=590,#ffaad5][tr][td][table=580,#ff95ca][tr][td][table=570,#ffecf5]
[tr][td][img=700,0]http://www.520pscl.com/data/attachment/forum/201304/22/143200tbq4wrlbp04pdbpw.gif[/img] [tr][td][/td][/tr]
[tr][td]
此处可填写内容
[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

14、

此处可填写内容

[align=center][table=560,#ff5151][tr][td][table=550,#ff7575][tr][td][table=540,#ff9797][tr][td][table=530,#ffd2d2][tr][td][img=700,0]http://www.520pscl.com/data/attachment/forum/201304/22/143229q52jvmq0bqzeljke.gif[/img] [tr][td][/td][/tr][tr][td]
此处可填写内容
[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

15、

此处可填内容

[align=center][table=560,#deffac][tr][td][table=550,#ccff80][tr][td][table=540,#b7ff4a][tr][td][table=530,#82d900][tr][td][img=700,0]http://www.520pscl.com/data/attachment/forum/201304/22/143126qn11lolcle63cln0.gif[/img] [tr][td][/td][/tr][tr][td]
此处可填内容
[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

16、

此处可填内容

[align=center][table=600,#95caca][tr][td][table=590,#b3d9d9][tr][td][table=580,#c4e1e1][tr][td][table=570,#d1e9e9][tr][td][img=700,0]http://www.520pscl.com/data/attachment/forum/201304/22/1432310zxcrticlekea1ez.jpg[/img] [tr][td][/td][/tr][tr][td]
此处可填内容
[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

17、

此处可填内容

[align=center][table=560,#ffbb77][tr][td][table=550][tr][td][table=540,#ffd1a4][tr][td][table=530,#ffdcb9][tr][td][img=530,0]http://f.ty.netease.com/month_1406/1406142034e67aed0b0ab42763.jpg[/img] [tr][td][/td][/tr][tr][td]
此处可填内容
[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

18、

此处可填写内容

[align=center][table=560,#c4e1ff][tr][td][table=550,#acd6ff][tr][td][table=540,#97cbff][tr][td][table=530,#66b3ff][tr][td][img=530,0]http://www.520pscl.com/data/attachment/forum/201304/22/143132ugsoz7sffbrhbr3o.gif[/img] [tr][td][/td][/tr][tr][td]
此处可填写内容
[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

19、

此处可填写内容

[align=center][table=560,#a3d1d1][tr][td][table=550,#81c0c0][tr][td][table=540,#4f9d9d][tr][td][table=530,#336666][tr][td][img=530,0]http://www.520pscl.com/data/attachment/forum/201304/22/143139b3j0ol0i050ory9o.jpg.thumb.jpg[/img] [tr][td][/td][/tr][tr][td][/td][/tr][tr][td]
此处可填写内容
[/td][/tr][tr][td][/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

-蝴蝶- · 发表于 2014-6-14 19:21

本帖最后由蝴蝶化作彩云飞于 2014-6-14 20:39 编辑

其实代码中的网址就是图片地址，颜色代码我会放在30#、31#楼给大家选用。点击直接传=。=
20、

此处可填写内容

[align=center][table=560,#ff9d6f][tr][td][table=550,#ffbd9d][tr][td][table=540,#ffd1a4][tr][td][table=530,#ffe4ca][tr][td][img=530,0]http://www.520pscl.com/data/attachment/forum/201304/22/1431450n9jjuin9s78mams.jpg[/img] [tr][td][/td][/tr][tr][td]此处可填写内容[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

21、

此处可填写内容

[align=center][table=560,#dcb5ff][tr][td][table=550,#be77ff][tr][td][table=540,#6f00d2][tr][td][table=530,#3a006f][tr][td][img=530,0]http://www.520pscl.com/data/attachment/forum/201304/22/1431357pfy7czvxy3xcw7p.jpg[/img] [tr][td][/td][/tr][tr][td][/td][/tr][tr][td]此处可填写内容[/td][/tr][tr][td][/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

22、

此处可填写内容

[align=center][table=560,#ffff6f][tr][td][table=550,#ffff93][tr][td][table=540,#ffffb9][tr][td][table=530,#ffffce][tr][td][img=530,0]http://www.520pscl.com/data/attachment/forum/201304/22/143219k8565jgukuukksn0.jpg[/img] [tr][td][/td][/tr][tr][td]此处可填写内容[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

23、

此处可填写内容

[align=center][table=560,#ff95ca][tr][td][table=550,#ffaad5][tr][td][table=540,#ffc1e0][tr][td][table=530,#ffd9ec][tr][td][img=530,0]http://www.520pscl.com/data/attachment/forum/201304/22/143124fkzvrkafu9yn8zcq.gif[/img] [tr][td][/td][/tr][tr][td]此处可填写内容[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

24、

此处可填写内容

[align=center][table=560,#8e8e8e][tr][td][table=550,#bebebe][tr][td][table=540,#e0e0e0][tr][td][table=530,#fcfcfc][tr][td][img=530,0]http://www.520pscl.com/data/attachment/forum/201304/22/1432145x4m56kg0mkv4h6o.gif[/img] [tr][td][/td][/tr][tr][td]此处可填写内容[/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

25、

此处可填写内容

[align=center][table=560,#bebebe][tr][td][table=550,#9d9d9d][tr][td][table=540,#4f4f4f][tr][td][table=530,#000000][tr][td][img=530,0]http://www.520pscl.com/data/attachment/forum/201304/22/143153gn9xxgsubxc3x33o.jpg[/img] [tr][td][/td][/tr][tr][td][/td][/tr][tr][td]此处可填写内容[/td][/tr][tr][td][/td][/tr][tr][td][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=98%,#ff3333][tr][td][table=98%,#ff6633][tr][td][table=98%,#ff9933][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#9966ff][tr][td][table=98%,#9999ff][tr][td][table=98%,#99ccff][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#cc3399][tr][td][table=98%,#cc6699][tr][td][table=98%,#cc9999][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#ff66ff][tr][td][table=98%,#ff99ff][tr][td][table=98%,#ffccff][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#ff9999][tr][td][table=98%,#ffcc99][tr][td][table=98%,#ffff99][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#ff9966][tr][td][table=98%,#ffcc66][tr][td][table=98%,#ffff66][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#9999cc][tr][td][table=98%,#99cccc][tr][td][table=98%,#99ffcc][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#3399cc][tr][td][table=98%,#33cccc][tr][td][table=98%,#33ffcc][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#009999][tr][td][table=98%,#00cc99][tr][td][table=98%,#00ff99][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#009966][tr][td][table=98%,#00cc66][tr][td][table=98%,#00ff66][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#0066ff][tr][td][table=98%,#0099ff][tr][td][table=98%,#00ccff][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

输入内容

[align=center][table=120%,#696969][tr][td][table=98%,#a9a9a9][tr][td][table=98%,#dcdcdc][tr][td][table=98%,#ffffff][tr][td]
输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

复制代码

小鱼醤 · 发表于 2014-6-14 19:21

杀花呢。。

小明。 · 发表于 2014-6-14 19:22

本帖最后由 ______莫念o 于 2014-6-14 19:37 编辑

天天跟我做,每天一分钟

小鱼醤 · 发表于 2014-6-14 19:22

小蝶酱把花花抢了。。

风琴桑 · 发表于 2014-6-14 19:22

32个赞……………………

东郭先生 · 发表于 2014-6-14 19:22

不觉明历啊。。各种不懂

闻所未闻 · 发表于 2014-6-14 19:23

看看学这。。。。

莫暖暖。 · 发表于 2014-6-14 19:25

一直觉得编辑帖子好麻烦啊，不过漂亮的排版真心不错。

风琴桑 · 发表于 2014-6-14 19:27

蝴蝶化作彩云飞，我爱你

[分享] 【蝴蝶说】懒人一分钟美化帖子，内容1、2、30、31楼，求打赏=。=

注册论坛，赚取积分可领珍贵论坛礼包，让你轻松玩转天谕。

评分

评分

花好月圆

论坛OL活动勋章

谕世一记专属勋章(永久)

炎天职业勋章(永久)

灵珑职业勋章(永久)

乐于助人勋章(永久)

女神勋章

画影专属勋章

与子偕老

精英玩家勋章

云垂小辩手(30天）

谕传尺素

谕霸勋章

奋进的小鸟