论坛discuz代码应用进阶篇之帖子的美化

blackhawk

网上冲浪时常常见到排版精美的帖子
赏心悦目的同时
不由的很好奇到底是如何制作的
度娘了一番，总算小有收获，
原来编辑帖子这么简单啊（感谢某地的美贴教程）
不敢擅专，分享给大家

1.颜色
    绚丽的色彩最能体现人敏感,多情的特性并与人的生活息息相关，色彩几乎可被称作是平面设计的“灵魂”。利用人们对色彩的视觉感受，来创造富有个性、层次、秩序与情调的环境，从而达到引人入胜的效果。

简单的文字颜色可以通过上图点选完成，可更复杂绚丽的色彩还是要依靠discuz代码

1. [color=black]黑色black[/color]，[color=blue]蓝色blue[/color]，[color=red]红色red[/color]，[color=sienna]赭色sienna[/color]，[color=darkolivegreen]暗橄榄绿色darkolivegreen

复制代码

用相应的英文就可实现以下效果，详见配色手册【华为网盘】终极配色手册.rar

黑色black，蓝色blue，红色red，赭色sienna，暗橄榄绿色darkolivegreen
网上随处可见的彩虹字就是这样做出的

1. [size=5][color=darkred]做[/color][color=sandybrown]彩[/color][color=slategray]虹[/color][color=lime]字[/color][color=yellowgreen]S[/color][color=teal]O[/color] [color=blue]E[/color][color=deepskyblue]A[/color][color=yellowgreen]S[/color][color=darkorchid]Y[/color][/size]

复制代码

做彩虹字SO EASY
当然，也可以用16进代码和rgb代码代表不同颜色，感兴趣的筒子可以自行搜索

2.美化最重要的discuz代码 “table”
    说白了就是表格代码，用表格将帖子分成多个版块，进行不同底色处理，不仅看着整齐，帖子也鲜活起来了
2.1单一表格

文章内容

1. [table=98%,#99cc32][tr][td]
   
2. 文章内容
   
3. [/td][/tr][/table]

复制代码

2.2嵌套表格

文章内容

1. [table=98%,#99cc32][tr][td]
   
2. [table=98%,#1e918d][tr][td]
   
3. 文章内容
   
4. [/td][/tr][/table]
   
5. [/td][/tr][/table]

复制代码

再来一个

标题内容 正文内容

1. 
   
2. [table=98%,rgb(238,210,238)][tr][td]
   
3. [table=98%,rgb(153,204,50)][tr][td]
   
4. [color=navy][align=center][size=5][b]标题内容[/b][/size][/align][size=5][/size]
   
5. [align=center][img]http://www.expaper.cn/data/attachment/forum/201212/24/15440904o793zhcyy93yy6.gif[/img][/align]
   
6. [size=4]正文内容[/size]
   
7. [align=center][img]http://www.expaper.cn/data/attachment/forum/201212/24/15440904o793zhcyy93yy6.gif[/img] [/align]
   
8. [/color]
   
9. [/td][/tr][/table]
   
10. [/td][/tr][/table]

复制代码

2.3表格的横排

1

2

1. [table=98%,rgb(153, 204, 50)][tr][td]1
   
2. [/td][td]
   
3. 2[/td][/tr][/table]

复制代码

1

2

3

1. [table=98%,rgb(153, 204, 50)]
   
2. [tr]
   
3. [td]1[/td]
   
4. [td]2[/td]
   
5. [td]3[/td]
   
6. [/tr]
   
7. [/table]

复制代码

2.4表格的竖排

1

2

3

1. [table=98%,blue][tr][td]1
   
2. [/td][/tr][/table][table=98%,cb77e6][tr][td]2
   
3. [/td][/tr][/table][table=98%,rgb(153, 204, 50)][tr][td]3
   
4. [/td][/tr][/table]

复制代码

大体应用就是这样，其他的就看大家发挥了

ps：
    常见的discuz代码使用请见论坛应用进阶篇之discuz代码的使用
    另外还有飞行、滚动等代码貌似论坛并不支持，感兴趣的筒子可自行度娘下


3.漂亮的分隔符
    这个是不能或缺的，漂亮的分隔符给帖子增色不少，要看大家平日里的收集了，下面列出一些

blackhawk

楼上两位兄弟谬赞鸟

blackhawk

expaper 发表于 2013-2-25 18:25
奖励精华1枚，黑鹰出手不凡啊

又见精华，幸福

blackhawk

爱情百度 发表于 2013-2-25 21:39
真是个有心人啊~~~
大叔果然细致~~
顶~~~

俺也是现炒现卖，
妹纸比我嫩是肯定滴

blackhawk

馅饼 发表于 2013-2-26 10:27
强顶黑鹰兄。
让平淡的生活过得多姿多彩，耐人回味，是一门艺术。文字亦如是。
U did it！

汗颜下
只是觉得好玩而已
还真没想太多
什么样的人眼中看到的就是什么样的世界
馅饼兄的生活
定然丰富许多