花粉俱乐部  logo 花粉俱乐部  因为热爱
搜索 |

新人必读:华为花粉俱乐部,发帖美化、排版指导

  [复制帖子标题和链接]

239691593

花粉8164774  自成一派  发表于 2015-2-24 11:21:45 来自:浏览器

最新回复 2018-5-16 21:11:32

本帖最后由 子夜洲羽 于 2015-2-27 17:43 编辑

一.基础代码

首先是基础代码,这边代码的话我只会介绍几个经常用到的,因为都是常规的东西,熟悉word的应该都会使用

①格式代码

效果展示

居中
  1. <font face="Tahoma,">[b][align=center]居中[/align][/b]
  2. 复制代码</font>
复制代码

效果展示

自动排版

  1. [p=30, 2, left]自动排版[/p]
  2. 复制代码
复制代码
          效果展示
          加粗
  1. [b]加粗[/b]
  2. 复制代码
复制代码
②颜色代码以及具体效果
一、黑色
二、暗红色
三、红色
四、红紫色
五、粉色,加粗
六、赭色
七、暗桔黄色
八、沙褐色
九、橙色
十、浅黄色(看不出效果,加上黑色背景表格)
十一、暗橄榄绿色
十二、橄榄色
十三、黄绿色
十四、黄色
十五、柠檬绸色(看不出效果,加上黑色背景表格)

十六、暗绿色
十七、绿色
十八、海绿色
十九、酸橙色
二十、苍绿色(加粗)
二十一、暗灰蓝色
二十二、水鸭色
二十三、间绿宝石
二十四、青色
二十五、苍宝石绿(加粗)
二十六、海军色
二十七、蓝色
二十八、皇家蓝
二十九、深天蓝色
三十、亮蓝色(加粗)
三十一、靛青色
三十二、灰石色
三十三、紫色
三十四、暗紫色
三十五、洋李色
三十六、墨绿色
三十七、暗灰色
三十八、灰色
三十九、银色
四十、白色 看不出效果,加上黑色背景表格
四十一、重褐色
四十二、春绿色
四十三、钢蓝色
四十四、茶色(加粗)
四十五、蓟色(加粗)
四十六、番茄色
四十七、青绿色
四十八、这个单词的紫色
四十九、浅黄色十八、白色
五十、烟白色 看不出效果,加上黑色背景
二十三、米色
二十六、卡其色
五十一、苍麒麟色
五十二、番木色
五十三、桃色
五十四、粉红色
五十五、粉蓝色
五十六、褐玫瑰红

五十七、咖啡色
五十八、灰色
五十九、艾青色
六十、苍紫罗蓝色
六十一、秘鲁色

  1. [color=black]一、黑色[/color]
  2. [color=darkred]二、暗红色[/color]
  3. [color=red]三、红色[/color]
  4. [color=magenta]四、红紫色[/color]
  5. [color=pink][b]五、粉色,加粗[/b][/color]
  6. [color=sienna]六、赭色[/color]
  7. [color=darkorange]七、暗桔黄色[/color]
  8. [color=sandybrown]八、沙褐色[/color][color=wheat]
  9. [color=orange]九、橙色[/color]
  10. [color=wheat]十、浅黄色(看不出效果,加上黑色背景表格)[/color]
  11. [color=darkolivegreen]十一、暗橄榄绿色[/color]
  12. [color=olive]十二、橄榄色[/color]
  13. [color=yellowgreen]十三、黄绿色[/color]
  14. [color=yellow]十四、黄色[/color]
  15. [color=lemonchiffon]十五、柠檬绸色(看不出效果,加上黑色背景表格)[/color]
  16. [color=darkgreen]十六、暗绿色[/color]
  17. [color=green]十七、绿色[/color]
  18. [color=seagreen]十八、海绿色[/color]
  19. [color=lime]十九、酸橙色[/color]
  20. [color=palegreen][b]二十、苍绿色(加粗)[/b][/color]
  21. [color=darkslateblue]二十一、暗灰蓝色[/color]
  22. [color=teal]二十二、水鸭色[/color]
  23. [color=mediumturquoise]二十三、间绿宝石[/color]
  24. [color=cyan]二十四、青色[/color]
  25. [color=paleturquoise][b]二十五、苍宝石绿(加粗)[/b][/color]
  26. [color=navy]二十六、海军色[/color]
  27. [color=blue]二十七、蓝色[/color]
  28. [color=royalblue]二十八、皇家蓝[/color]
  29. [color=deepskyblue]二十九、深天蓝色[/color]
  30. [color=lightblue][b]三十、亮蓝色(加粗)[/b][/color]
  31. [color=indigo]三十一、靛青色[/color]
  32. [color=slategray]三十二、灰石色[/color]
  33. [color=purple]三十三、紫色[/color]
  34. [color=darkorchid]三十四、暗紫色[/color]
  35. [color=plum]三十五、洋李色[/color]
  36. [color=darkslategray]三十六、墨绿色[/color]
  37. [color=dimgray]三十七、暗灰色[/color]
  38. [color=gray]三十八、灰色
  39. [color=silver]三十九、银色[/color]
  40. [color=white]四十、白色 看不出效果,加上黑色背景表格[/color]
  41. [color=saddlebrown]四十一、重褐色[/color]
  42. [color=springgreen]四十二、春绿色 [/color]
  43. [color=steelblue]四十三、钢蓝色 [/color]
  44. [color=tan][b]四十四、茶色(加粗)[/b] [/color]
  45. [b][color=thistle]四十五、蓟色(加粗) [/color][/b]
  46. [color=tomato]四十六、番茄色[/color]
  47. [color=turquoise]四十七、青绿色 [/color]
  48. [color=violet]四十八、这个单词的紫色 [/color]
  49. [color=white][color=#f5deb3]四十九、浅黄色[/color][/color]
  50. [color=whitesmoke]五十、烟白色 看不出效果,加上黑色背景[/color]
  51. [color=#f5f5dc]二十三、米色 [/color][/color]
  52. [color=#f5f5f5][color=#f5f5dc][color=#f0e68c]二十六、卡其色 [/color]
  53. [color=#eee8aa]五十一、苍麒麟色[/color]
  54. [color=#ffefd5]五十二、番木色
  55. [/color][color=peachpuff]五十三、桃色 [/color]
  56. [color=pink]五十四、粉红色 [/color]
  57. [color=powderblue]五十五、粉蓝色 [/color]
  58. [color=#bc8f8f]五十六、褐玫瑰红 [/color][/color][/color][/td][/tr]
  59. [/table][/color][color=brown]五十七、咖啡色 [/color]
  60. [color=dimgray]五十八、灰色 [/color]
  61. [color=navy]五十九、艾青色 [/color]
  62. [color=palevioletred]六十、苍紫罗蓝色 [/color]
  63. [color=purple][color=#cd853f]六十一、秘鲁色 [/color]
  64. 复制代码
复制代码

二.表格的应用
表格在论坛编辑美化里是最最最最最最重要的内容,没有之一
可以说,学会了表格以及简单的色彩搭配,就能做出看起来很华丽的帖子,所以这也是我本篇教程里介绍的核心
    1.简单的一层表格
    首先,表格你能在左上角的添加表格里找到
如图所示 1.jpg

或者你可以添加一个基本的表格代码

  1. <font face="微软雅黑"><font size="3">[table=50%,White]
  2. [tr][td] [/td][/tr]
  3. [/table]
  4. 复制代码</font></font>
复制代码
其中table=50%这个是大小, White是背景颜色替换英文即可更换,tr  td这个表示一个表格
  1. <font face="微软雅黑"><font color="#ff0000" size="4"><b style="background-color: yellow;">这样单行的表格我们可以在平常的简单导航中用到</b></font>
  2. </font>
复制代码

2.多层表格

我们不仅只能用一层表格,还可以在表格之中添加表格以增加层次感
具体代码是
  1. <font face="微软雅黑"><font size="3">[table=80%,black][tr][td][table=98%,White][tr][td]
  2. [/td][/tr][/table] [/td][/tr][/table]
  3. 复制代码</font></font>
复制代码
       3.各色表格及其代码分享(25个示例)
1.浅绿色三层
  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]
复制代码

2.橘红色三层
  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]
复制代码
3.蓝色三层
  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]
复制代码
4.洋李色三层

  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]
复制代码
5.黑色三层
  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]
复制代码
6.粉红色三层
  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]
复制代码
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%,#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]
复制代码
9.红白相间三层
  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]
复制代码
10.蓝白相间三层
  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]
复制代码
11.绿白相间三层
  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]
复制代码
12.蓝白相间三层2
  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]
复制代码
13.红白相间三层2
  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]
复制代码

14.紫白相间三层
  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]
复制代码
15.绿白相间2三层
  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]
复制代码
16.红白相间3三层
  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]
复制代码
17.橙白相间三层
  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]
复制代码
18.橙白相间2三层
  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]
复制代码
19.红白相间3三层
  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]
复制代码
20 橙白相间3三层
  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]
复制代码
21.紫白相间2三层
  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]
复制代码
22.红白相间4三层
  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]
复制代码
23.灰黄相间三层
  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]
复制代码
24.黑白相间三层
复制代码
25.绿白相间2三层
  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]
复制代码

PS:关于三层框的使用指南
                  

1.复制代码到发帖框内
02.jpg

2.粘贴完毕,发布帖子,重新点击编辑就会出现,空的三层编辑框

03.jpg





来自群组: 诗词人生

评分

参与人数 8人气 +92 威望 +67 花瓣 +300 收起 理由
月影 + 30 + 30 + 300
花粉12220823 + 2 + 2 助人为乐,您最有爱*~( ̄▽ ̄)~*.
mfgg888 + 15 + 10 花粉俱乐部真心感谢您m( _ _ )m.

查看全部评分

花粉11648832  已臻大成  发表于 2015-2-24 11:33:41 来自:浏览器
谢谢分享
花粉11603730  神功盖世  发表于 2015-2-24 11:35:35 来自:浏览器
支持一个
花粉11648806  已臻大成  发表于 2015-2-24 11:37:25 来自:浏览器
支持一个
花粉8164774  自成一派  发表于 2015-2-24 12:07:57 来自:浏览器
本帖最后由 子夜洲羽 于 2015-2-27 13:38 编辑

@小赵爱华为 @绿石头 @老夫乃北斗 @mfgg888 可以申请精华贴吗?
司徒俊语  独步江湖  发表于 2015-2-24 16:34:49 来自:浏览器
坛子的输入好复杂,希望精简啊
花粉8164774  自成一派  发表于 2015-2-24 19:52:09 来自:浏览器
司徒俊语 发表于 2015-2-24 16:34
坛子的输入好复杂,希望精简啊

慢慢就喜欢啦!我也是在慢慢熟悉中。
花粉8164774  自成一派  发表于 2015-2-25 00:12:17 来自:浏览器
为一个优秀的帖子点赞,努力书写好的帖子。
老夫乃北斗  花粉版主  发表于 2015-2-25 09:45:43 来自:浏览器
申请精华要去申请哦,我来换个标签给你提升
四月原创,不断更新 1.6plus的郁金香情结(图多,流量客慎入) http://club.huawei.com/thread-3716881-1-1.html 2.庄里盛开郁金香 http://club.huawei.com/thread-3699659-1-1.... ...
花粉12161660  登堂入室  发表于 2015-2-25 10:13:59 来自:浏览器
技术贴,程序猿~
您需要登录后才可以回帖 登录 | 立即注册

工具下载

  • 花粉客户端官方

    Make it Possible

粤ICP备19015064号-4|备案主体编号:44201919072182| 粤公网安备 44190002003939号

Copyright © 2012-2019 华为终端有限公司 版权所有

快速回复 返回顶部 返回列表