【论坛新手攻略】表格美化教程

茶理理ぃ

很多小伙伴都喜欢自己的帖子美美的

这里放几个简单表格代码

在放些可复制的美化表格    希望每个小伙伴在天谕论坛玩的愉快

   注：楼楼也是新手，所以有些不足的地方请大家见谅，代码大神请轻拍

不懂得小盆友可以站内私信我，楼楼看到的话就会回哒~~

ty)suye

我的天html代码出现啦

茶理理ぃ

      

表格基础  一 一 表格讲解    1. 基础表格     范例 内容 [table=200,#7D7DFF] [tr][td][table=180,#ffffff] [tr][td]内容[/td][/tr] [/table][/td][/tr] [/table] 复制代码 讲解 首先table是表格的意思 【1】表格大小： 200指的是表格的大小，这里有2种可以做大小的，一种是百分比，一种是像素。我个人建议大家用像素，百分比不好控制，而且在不同的电脑上所显示的效果是不一致的。像素很稳定。一般不要再大了，一是觉得不好看，二是容易抽。论坛最大的数字长度是560。 【2】背景色，边框色 #ffffff是指表格的背景色，这里我用白色ffffff。#7D7DFF 是指表格的边框色，我这里用的是蓝色7D7DFF。 【3】行，列。 比如说我想在表格里加一行怎么办或者多加几行怎么办 [tr][td][/td][/tr] 复制代码 以此类推

茶理理ぃ

表格基础二 一、一些常规的代码。 1.字体——要其他的字体直接改宋体2字就好。我一般只用2种宋体和Arial。在我写字体的地方写字。 字体 [font=宋体]字体[/font] 复制代码 2.字号——改字号直接改2就好，一般大小是1-7。太大了也显示不出。在我写字号的地方写字。 [size=2]字号[/size] 复制代码 3.位置——居左居中居右。在我写居左居中居右的地方写字。 居左 居左 [align=left] 居左[/align] 复制代码 居中 居中 [align=center] 居中 [/align] 复制代码 居右 居右 [align=right] 居右 [/align] 复制代码 4.加粗、倾斜、下划线、删除线 加粗  加粗   [b]加粗[/b] 复制代码 倾斜  倾斜   [i]倾斜[/i] 复制代码 下划线  下划线   [u]下划线[/u] 复制代码 删除线  删除线   [strike]删除线[/strike] 5.颜色代码——直接改写ff0000的地方。 颜色 颜色   [color=#ff0000]颜色[/color] 复制代码

茶理理ぃ

表格基础三——排版 一、关于文字的排版 1.写文字的表格，前后各自空一行，不要顶格写。 注意：字和表格黏在一起，相当不好看。不要吝啬你的空行哦，那会使得你的表格美观。 2.字号一般选择2号字。 注意：3号个人觉得太大了，除非你字写的比较少，或是需要人特别看清楚的时候才用三号。 3.字多的时候记得分段。 注意：没有人愿意长篇大论的看你写的文字，所以当你字多的时候不妨分段。字多时候段落一般在4-6段左右。不宜过多。 4.标题记得加粗 注意：标题作为文章的重点，一点要醒目。所以记得加粗哦。 5.不要空2格，宁愿它顶格写。实在是不好看，我试过了。 6.署名的时候记得靠右。咳咳，一般的习惯是这样的。 7. 段落与段落之间要记得空行。   注意：不空行的话分行也没啥意义了。一般空行1-2就好了。 8.竖着写字。 注意：－_－b！相当不愿意写这个，写起来太麻烦了。      1.你要考虑你的帖子适不适合竖着写字，一般是古风的帖子才竖着写。      2.要考虑你的字数，字多，尽量不要竖着写，不然会累死。      3.一般竖着写字的时候，旁边会配图，字的长短和图对应。      4.从右边开始写字。字与字之间空1-2格。 于是上范例－_－b！【为了方便，我就不配图了。】：                 把   明                 酒   月                 问   几                 青   时                 天   有                  ，   。 [table=190,#8E8E8E] [tr][td][table=180,#ffffff] [tr][td]           [color=#8E8E8E][size=2] 把   明                 酒   月                 问   几                 青   时                 天   有                  ，   。[/size] [/color] [/td][/tr] [/table][/td][/tr] [/table] 复制代码

茶理理ぃ

表格基础---表格套用 一表格套用 其实美化帖子都是表格的套用，一层套一层 【1】2层表格 范例 [table=490,#ffff99]第一层表格 [tr][td][table=480,#ffffff]第二层表格 [tr][td] [/td][/tr] [/table][/td][/tr] [/table] 复制代码 以此类推，如果有其他的问题可以站内我

茶理理ぃ

表格基础--颜色系列 一、关于表格的常用色——浅色系列 具体解释： 1.99ccff的蓝色，百变搭配，是我最喜欢的颜色，配色大方，搭配简单，图片选择可以是清新的，也可以是比较明亮的，或是浓一点的色彩。若是不搭配图片，直接做表格，也是很好的选择。 2.ff9999的红色，我称之为少囡的裙摆色，每一个囡孩都有粉色的梦，这个颜色搭配的图片要比较梦幻一些，或是比较浪漫一点的。若是不搭配图片，直接做表格，也是很好的选择。 3.ffcccc的红色，很像婚纱的颜色，由于颜色较为浅色，可以搭配清新的图，挺适合婚贴的。 4.ccccff紫色，这个颜色有一个意外的发现，当它配上明黄色的图片时，显得特别清新漂亮。 5.ffcc99 配图比较清新的，若是不搭配图片，直接做表格，也是很好的选择。 6.a5a5a5和cccccc的灰色用法差不多，都是需要一些素雅的图片，和白颜色搭配的效果很清新。 7.bede92 这个配色很多人喜欢，适合搭配一些绿色花草的图片。 8.ccffcc 的绿色比较少用这种的，不过和其他的颜色搭配起来倒是很漂亮。颜色非常浅，若是要用，图片要比较显眼的颜色。过渡起来显得比较自然。 9.ffff99这个颜色建议大家不要单独使用，因为所有的颜色里，黄色是最为刺眼的颜色，很难和图片配套，就算配套了，看起来也会让人觉得眼睛难受，实在要用建议大家可以把这个颜色与上面讲的其他颜色混合使用，做类似彩虹的效果。咳咳，好像我没做过，容我找找其他人的。 10.ff0000红色，建议大家尽量别用这个颜色，我试过做这种颜色，结果红艳艳的，字都看不清，而且红色使人产生紧张的情绪，看着有点头疼。配色方面是个大问题。

茶理理ぃ

表格基础--颜色系列 一、关于表格的常用色——深色系列 具体解释： 1.92cddc 绿色是我逛到阿控的音乐分享里，看到的颜色，很漂亮，适合搭配白色，很清新的感觉。 2.009933 的绿色，挺有生命力的颜色，和绿色植物图片搭配最佳。 3.80b5b2 比较深色，一般搭配白色效果好，显得比较有书香气息。 4.ffcc66  的黄色，很明亮的颜色，图片一定要清新一些。或是动漫人物。 5.ff99cc 颜色很好看，粉嫩嫩的，很适合搭配清新或是浪漫一些的图。 6.ff6699  一般可以叫做胭脂红，很像囡子唇上的胭脂。搭配清新一些图的会比较好。我比较少做。 7.b8cce4的蓝色和d99694红色可以放在一起。适合搭配f2f2f2的颜色，白色显得过两眼，这样显得比较不刺眼。 8.66ccff 的蓝色，非常亮眼，所以适合搭配清新的图，简单的图。 9.92cddc的蓝色适合搭配一些可爱的图，外面弄一个深一些的蓝色边框的效果更好。 10.ff6666的红色，若是你一定要用红色可以尝试这种，不会很两眼，和白色搭配效果最佳。 11.f3f8fc的颜色，大家一定觉得奇怪，为什么会有这个颜色。这是论坛帖子的颜色，也就是可以隐藏起边框的最好颜色。

茶理理ぃ

表格1 写在前面的话 这个表格看起来很清晰，做起来不难，容易上手，所以我把它作为帖子基础。如果编辑出来的帖子有乱码，重新编辑点上禁止表情。 下面是示例表格的效果：

茶理理ぃ

茶理理ぃ

表格1 具体的解释： 1.这是一个嵌套的表格。最外边一层是蓝色D2E9FF，里面一层是白色ffffff。 2.蓝色表格450，里面的白色表格440，间隔10。 3.插入图片，图片连接 http://f.ty.netease.com/month_1410/141016212492b09f4e2b59ab1d.jpg 插图片方法，图片-网络图片-粘贴-提交-完成。 4.然后插入表格 table=410 颜色是ffffff，中间内容大小根据内容来定。 [table=410,#ffffff] [tr][td] [/td][/tr] [/table] 复制代码 5.插入蓝色小表格 table=100 颜色是D2E9FF，中间字随意，颜色也随意。 [table=100,#D2E9FF] [tr][td]  [/td][/tr] [/table] 复制代码

茶理理ぃ

此为表格1范例的代码

1. [table=450,#D2E9FF]
   
2. [tr][td]
   
3. [table=440,#ffffff]
   
4. [tr][td]
   
5.    [img]http://f.ty.netease.com/month_1410/141016212492b09f4e2b59ab1d.jpg[/img]
   
6. 
   
7. [table=410,#ffffff]
   
8. [tr][td]
   
9. 
   
10. 
    
11. 
    
12. 
    
13. 
    
14. 
    
15. 
    
16. 
    
17. 
    
18. 
    
19. 
    
20. 
    
21. 
    
22. 
    
23. [/td][/tr]
    
24. [/table]
    
25. [table=100,#D2E9FF]
    
26. [tr][td]   [b][color=#ffffff]茶理理ぃ[/color][/b][/td][/tr]
    
27. [/table]
    
28. [/td][/tr]
    
29. [/table]
    
30. [/td][/tr]
    
31. [/table]
    
32. 
    

复制代码