游久社区

 找回密码
 注册

扫一扫,访问微社区

搜索
查看: 358674|回复: 202

[玩转精品] 手把手教你美化帖子,编辑了一个多小时的教程

  [复制链接]

Lv.16 热门人物

[元老勋章] [周年纪念章] [金翎奖活动勋章] [情侣勋章] [微信用户]

UID
3366520
帖子
14896
U9币
52706
魅力
16070
声誉
7
U菜花
35
发表于 2013-8-8 15:59:50 |显示全部楼层
本帖最后由 Freedom暗夜 于 2013-8-8 17:53 编辑

所谓美化不过就是在基本内容上,使自己的帖子让人看起来更加舒心,更加华丽
所谓华丽就是使人看起来更加赏心悦目
今天我就来手把手教你们美化帖子的各种代码
以显示你在论坛的高端生活
代码编辑在右上角纯文本模式下完成
我也会附上我做好的代码供各位享用



导航
一楼:论坛帖子基础代码
二楼:表格的应用

三楼:四层表格美化代码展示
四楼:其他拓展类规则
已有 4 人评分U菜花 节操 收起 理由
zhouli0902 + 1 很赞的攻略,以后要多发哦O(∩_∩)O~
天空Yuvick + 1 好东西
初雪 + 30
百鬼风谷 + 1 百鬼赞、风骚送。

总评分: U菜花 + 30  节操 + 3   查看全部评分

Lv.16 热门人物

[元老勋章] [周年纪念章] [金翎奖活动勋章] [情侣勋章] [微信用户]

UID
3366520
帖子
14896
U9币
52706
魅力
16070
声誉
7
U菜花
35
发表于 2013-8-8 16:25:41 |显示全部楼层
本帖最后由 Freedom暗夜 于 2013-8-8 17:13 编辑

②表格的应用
表格在论坛编辑美化里是最最最最最最重要的内容,没有之一
可以说,学会了表格以及简单的色彩搭配,就能做出看起来很华丽的帖子,所以这也是我本篇教程里介绍的核心


1.简单的一层表格
首先,表格你能在左上角的添加表格里找到
如图所示 QQ图片20130808164702.jpg

或者你可以添加一个基本的表格代码
  1. [table=50%,White]
  2. [tr][td] [/td][/tr]
  3. [/table]
复制代码
其中table=50%这个是大小, White是背景颜色替换英文即可更换,tr  td这个表示一个表格

这样单行的表格我们可以在平常的简单导航中用到

2.多层表格

我们不仅只能用一层表格,还可以在表格之中添加表格以增加层次感
具体代码是
  1. [table=80%,black][tr][td][table=98%,White][tr][td]
  2. [/td][/tr][/table] [/td][/tr][/table]
复制代码
也就是在原有1层表格代码的开始语段和结束语段之中再增加一个表格代码效果如下
双层


三层

   
最常用的四层
   

表格可以直接在纯文本模式下编辑,内容可以在原有模式下输出
PS:单点图标添加表格是无法使用多层的
回复

使用道具 举报

Lv.16 热门人物

[元老勋章] [周年纪念章] [金翎奖活动勋章] [情侣勋章] [微信用户]

UID
3366520
帖子
14896
U9币
52706
魅力
16070
声誉
7
U菜花
35
发表于 2013-8-8 16:25:56 |显示全部楼层
本帖最后由 Freedom暗夜 于 2013-8-8 17:27 编辑

三.各色表格及其代码分享
1、   
  1. [align=center][table=80%,#ff3333]
  2. [tr][td][table=98%,#ff6633]
  3. [tr][td][table=98%,#ff9933]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码


2、

   
  1. [align=center][table=80%,#9966ff]
  2. [tr][td][table=98%,#9999ff]
  3. [tr][td][table=98%,#99ccff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码


3、

   
  1. [align=center][table=80%,#cc3399]
  2. [tr][td][table=98%,#cc6699]
  3. [tr][td][table=98%,#cc9999]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码


4、

   
  1. [align=center][table=80%,#cc99cc]
  2. [tr][td][table=98%,#cccccc]
  3. [tr][td][table=98%,#ccffcc]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



5、

        
  1. [align=center][table=80%,#ff66ff]
  2. [tr][td][table=98%,#ff99ff]
  3. [tr][td][table=98%,#ffccff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码




6、

   
  1. [align=center][table=80%,#ff9999]
  2. [tr][td][table=98%,#ffcc99]
  3. [tr][td][table=98%,#ffff99]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



7、

   
  1. [align=center][table=80%,#ff9966]
  2. [tr][td][table=98%,#ffcc66]
  3. [tr][td][table=98%,#ffff66]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



8、

   
  1. [align=center][table=80%,#9999cc]
  2. [tr][td][table=98%,#99cccc]
  3. [tr][td][table=98%,#99ffcc]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



9、

   
  1. [align=center][table=80%,#3399cc]
  2. [tr][td][table=98%,#33cccc]
  3. [tr][td][table=98%,#33ffcc]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



10、

   
  1. [align=center][table=80%,#009999]
  2. [tr][td][table=98%,#00cc99]
  3. [tr][td][table=98%,#00ff99]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



11、

   
  1. [align=center][table=80%,#009966]
  2. [tr][td][table=98%,#00cc66]
  3. [tr][td][table=98%,#00ff66]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码


12、

   
  1. [align=center][table=80%,#0066ff]
  2. [tr][td][table=98%,#0099ff]
  3. [tr][td][table=98%,#00ccff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



13、

   
  1. [align=center][table=80%,#696969]
  2. [tr][td][table=98%,#a9a9a9]
  3. [tr][td][table=98%,#dcdcdc]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



14、

   
  1. [align=center][table=80%,#ffff99]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#ffff99]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



15、

   
  1. [align=center][table=80%,#ffccff]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#ffccff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



16、

   
  1. [align=center][table=80%,#ffcc99]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#ffcc99]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码



17、

   
  1. [align=center][table=80%,#ccccff]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#ccccff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



18、

   
  1. [align=center][table=80%,#99ccff]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#99ccff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



19、

   
  1. [align=center][table=80%,#99ff99]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#99ff99]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



20、

   
  1. [align=center][table=80%,#00ffff]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#00ffff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



21、

   
  1. [align=center][table=80%,#cc99cc]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#cc99cc]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



22、

   
  1. [align=center][table=80%,#ff9999]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#ff9999]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



23、

   
  1. [align=center][table=80%,#9999ff]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#9999ff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码


24、

   
  1. align=center][table=80%,#00ff66]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#00ff66]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



25、

   
  1. [align=center][table=80%,#ff00ff]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#ff00ff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



26、

   
  1. [align=center][table=80%,#ff9966]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#ff9966]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



27、

   
  1. [align=center][table=80%,#ff6666]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#ff6666]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



28、

   
  1. [align=center][table=80%,#ff0066]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#ff0066]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



29、

   
  1. [align=center][table=80%,#ff6600]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#ff6600]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



30、

   
  1. [align=center][table=80%,#cc00ff]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#cc00ff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



31、

   
  1. [align=center][table=80%,#cc0099]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#cc0099]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



32、

   
  1. [align=center][table=80%,#cc6600]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#cc6600]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



33、

   
  1. [align=center][table=80%,#990066]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#990066]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



34、

   
  1. [align=center][table=80%,#996600]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#996600]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



35、

   
  1. [align=center][table=80%,#6666ff]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#6666ff]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



36、

   
  1. [align=center][table=80%,#663366]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#663366]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



37、

   
  1. [align=center][table=80%,#336666]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#336666]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



38、

   
  1. [align=center][table=80%,#339966]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#339966]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码



39、

   
  1. [align=center][table=80%,#333333]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td][table=98%,#333333]
  4. [tr][td][table=98%,#ffffff]
  5. [tr][td]
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
  11. [/align][/align]
复制代码

回复

使用道具 举报

Lv.16 热门人物

[元老勋章] [周年纪念章] [金翎奖活动勋章] [情侣勋章] [微信用户]

UID
3366520
帖子
14896
U9币
52706
魅力
16070
声誉
7
U菜花
35
发表于 2013-8-8 16:26:04 |显示全部楼层
本帖最后由 Freedom暗夜 于 2013-8-8 17:35 编辑

拓展类规则目前还没想清楚
回复

使用道具 举报

Lv.16 热门人物

[元老勋章] [周年纪念章] [金翎奖活动勋章] [情侣勋章] [微信用户]

UID
3366520
帖子
14896
U9币
52706
魅力
16070
声誉
7
U菜花
35
发表于 2013-8-8 17:29:12 |显示全部楼层
本帖最后由 Freedom暗夜 于 2013-8-8 17:53 编辑

要用直接复制去用就好了

插播小广告,请支持
「招募人手」玩转狗窝狗仔队  也就是记者团什么的 希望大家奔走相告
回复

使用道具 举报

Lv.12 热心玩家[高]

[乐于助人] [快乐水滴]

UID
9507651
帖子
2479
U9币
57433
魅力
5474
声誉
5
U菜花
767
发表于 2013-8-8 17:34:26 |显示全部楼层
SF BD DB都木有?
回复

使用道具 举报

Lv.5 正式会员[中]

UID
9752414
帖子
326
U9币
15399
魅力
368
声誉
5
U菜花
65
发表于 2013-8-8 17:34:38 |显示全部楼层
俺看不懂。。。。。
回复

使用道具 举报

乔少          

[乐于助人] [快乐水滴] [幸运之草] [火影迷集中营] [电影爱好者] [元老勋章] [蝶儿飞飞] [微信用户] [魅力青蛙秀]

UID
8849102
帖子
54476
U9币
148270
魅力
44648
声誉
5
U菜花
3387
发表于 2013-8-8 17:54:57 |显示全部楼层
强大··················
回复

使用道具 举报

初雪 乐于助人(=^ ^=)         

Lv.17 封面人物

[终身成就] [Administrator]

UID
952772
帖子
28683
U9币
214
魅力
1675
声誉
9
U菜花
31
发表于 2013-8-8 18:09:15 |显示全部楼层
辛苦了     我竟然看完了。。。。
回复

使用道具 举报

Lv.16 热门人物

[元老勋章] [周年纪念章] [金翎奖活动勋章] [情侣勋章] [微信用户]

UID
3366520
帖子
14896
U9币
52706
魅力
16070
声誉
7
U菜花
35
发表于 2013-8-8 18:24:01 |显示全部楼层
初雪 发表于 2013-8-8 18:09
辛苦了     我竟然看完了。。。。

看来我还是有点成果的,领导你不给点分么
回复

使用道具 举报

峰zi、     U9拍客     

Lv.16 热门人物

UID
8794050
帖子
9724
U9币
54591
魅力
16040
声誉
8
U菜花
435
发表于 2013-8-8 19:13:26 |显示全部楼层
前排支持
回复

使用道具 举报

Lv.11 热心玩家[中]

[快乐水滴]

UID
7912595
帖子
1397
U9币
22599
魅力
4439
声誉
5
U菜花
45
发表于 2013-8-8 19:16:38 |显示全部楼层
支持
虽然好像在坟帖上看过
回复

使用道具 举报

Lv.1 见习会员[初]

UID
9788325
帖子
42
U9币
81
魅力
7
声誉
5
U菜花
0
发表于 2013-8-9 05:15:53 |显示全部楼层
好好好好好好好好
回复

使用道具 举报

Lv.3 见习会员[高]

UID
9810511
帖子
121
U9币
873
魅力
112
声誉
5
U菜花
0
发表于 2013-8-9 08:00:34 |显示全部楼层
学习了。
回复

使用道具 举报

Lv.15 社区元老[高]

UID
2612150
帖子
6590
U9币
7247
魅力
4394
声誉
7
U菜花
139
发表于 2013-8-15 00:34:57 |显示全部楼层
[s:18]好东西,是时候转载了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

手机版|游久论坛 ( 京ICP备13031394号-7 )

GMT+8, 2018-12-11 06:23 , Processed in 0.246456 second(s), 18 queries , Gzip On, Memcache On.

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部