指间流沙——表格初中级教程(小绫和丽丽合作完成)8.15更新古风_派派后花园

用户中心 游戏论坛 社区服务
发帖 回复
阅读:46585 回复:920

[活动宣传] 指间流沙——表格初中级教程(小绫和丽丽合作完成)8.15更新古风

刷新数据 楼层直达
丽丽7410

ZxID:11985453


等级: 内阁元老
配偶: 丽树人
茉莉的季节早已过去,福州的冬季还会远么?
举报 只看楼主 使用道具 楼主   发表于: 2012-04-04 0
— 本帖被 小白兔和积木 从 心情驿站 移动到本区(2023-08-15) —




写在前面的话

这里会讲一些基础知识和表格的创意,由我和小绫共同教学。里面的帖子基本上都是婚礼或是纪念的。我给它取了个很美的名字——指间流沙。意味着做表格时那段美好的日子和做表格时那份独一无二的心意。这几天先由我讲,小绫比较忙一些,由我来更新。更新时间不定。

帖子仅仅供学习,就不要拿去用了

大家有什么疑问或是意见就在下方留言吧,大家交流一下。

3.4首更沙发——基础第一课【丽丽制作】
3.6 更沙发 ——基础第二课【丽丽制作】
3.12更沙发 ——基础第三课【丽丽制作】
3.13更沙发 ——基础第四课【丽丽制作】
3.13更沙发 ——基础第五课【丽丽制作】
3.13更沙发 ——基础第六课【丽丽制作】
3.18更板凳 ——帖子第一课【丽丽制作】
3.18更板凳 ——帖子第二课【丽丽制作】
5.06更板凳 ——帖子第三课【小绫制作】
5.13更地板 ——帖子第四课【小绫制作】
5.13更地板 ——帖子第五课【丽丽制作】
5.19更地板 ——帖子第六课【丽丽制作】
5.26更地板 ——帖子第七课【丽丽制作】
6.6更新4楼 ——帖子第八课【丽丽制作】
6.10更4楼 ——帖子第九课【小绫制作】
6.17更4楼 ——帖子第十课【小绫制作】
7.1 更4楼 ——帖子第十一课【小绫制作】
8.15 更5楼 ——帖子第十二课【丽丽制作】


嵌套的内容已经结束,这个帖子就先告一段落,大家可以做一下作业。作业有问题可以留言,还有大家要是有想学的,也可以提出来,大家交流一下。等到6月的时候,我们会更新整个帖子的制作和渐变颜色内容。



[ 此帖被丽丽7410在2012-08-16 18:00重新编辑 ]
本帖最近评分记录: 2 条评分 派派币 +10 鲜花 +5
  • 松球球生海边

    鲜花 +5 2024-07-28

    居然让我找到这个好东西,么么哒

  • askyamuni

    派派币 +10 2024-04-23

    我也来学习学习 贴子多了 还是想要进化一下的

  • 错、

    派派币 +20 2014-12-14

    恭喜纪念。◕‿◕。


丽丽7410

ZxID:11985453


等级: 内阁元老
配偶: 丽树人
茉莉的季节早已过去,福州的冬季还会远么?
举报 只看该作者 沙发   发表于: 2012-04-04 0
[ 此帖被丽丽7410在2012-04-15 14:01重新编辑 ]
本帖最近评分记录: 1 条评分
丽丽7410

ZxID:11985453


等级: 内阁元老
配偶: 丽树人
茉莉的季节早已过去,福州的冬季还会远么?
举报 只看该作者 板凳   发表于: 2012-04-04 0
[ 此帖被丽丽7410在2012-05-13 21:53重新编辑 ]
丽丽7410

ZxID:11985453


等级: 内阁元老
配偶: 丽树人
茉莉的季节早已过去,福州的冬季还会远么?
举报 只看该作者 地板   发表于: 2012-04-04 0
[content too large, truncated for display]

[post]


帖子第四课

写在前面的话——
这是小绫为大家讲的第二课。依旧是表格的详例。
这是配合丽丽的嵌套教程而来的。是一款比较简单的嵌套。
依旧是小绫的小清新风格。


此表格的各种用途以及适合学习的孩纸们水平层次——
祝福帖。纪念帖。各种文艺帖。
这种表格适合初级向中级进阶的孩纸们来学习哟。
在帖子中可以单个使用也可以多个使用。

以下是表格示例【给晓晓的情书】




◆◇◆◇◆






























字【共21行字的时候会与图片同长。。好好把握。。】

署名
◇◆◇◆◇




◆◇◆◇◆
































◇◆◇◆◇




帖子第四课

具体解释

1.这个表格分为四层。简单示例如下:

第一层
装饰符—居左【第二层①】
第三层存在处【第二层②】
第四层存在处【第三层①】
放图处【第四层①】
图片

图片

图片


【第三层②】

正文内容【第四层②】

署名【第二层②—与第三层空了一行形成的空档】
装饰符—居右【第二层③】



2.关于【第一层】这个是表格的主色调。具体为:宽为460.底色与边框均为颜色#a3dbf5【可更改】的表格。
这一层的表格主要是用来打底的。需要颜色与使用的图片颜色相搭哟。

3.关于【第二层】总的:插入一个三行一列的宽为450.底色为#ffffff.边框为#a3dbf5,1的表格
1)【第二层①】这是可以放标题。也可以放装饰符的一层。个人认为还是放装饰符比较好一点。
颜色最好使用第一层的底色。文字需要居左。
注意哟。第二层、第三层、第四层表格要居中。
  1. [align=center]表格代码[/align]

2)【第二层②】这一层有些复杂、这一层是表格的主体。第三、四层都会在这里面进行。
分为两个部分。
上部分是插入第三四层表格。
下部分是与第三四层表格的隔层。可以写上自己的ID、颜色应为#a3dbf5
3)【第二层③】同【第二层①】不过文字需居右。

4.关于【第三层】这个是一个嵌套的典型。具体作用就是装饰。o(╯□╰)o
具体为:宽为440,边框为#a3dbf5,1,底色为#ffffff 的一行两列表格。

5.关于【第四层】
1)【第四层①】这里是放图的地方。
具体为:宽为150,边框为#a3dbf5,1,底色为#ffffff 的三行一列表格。
记得每幅图片与表格的上沿空一行。【具体详见TIP】
图片大小【150*150】
2)【第四层②】这里是正文部分。
具体为宽为250,边框为#a3dbf5,1,底色为#a3dbf5
文字颜色【#ffffff】

6.关于文字的排版:小绫建议最好用21行的文字哟。
这样子正好可以与图片的高度相符。
当然也可以是18行吧。小绫没有尝试过。
这样就需要把图片与表格边沿的空行删除。

TIP
440和150的表格一定要分两行写。不然中间就没有空行了。如下代码:

  1. [table=440,#ffffff,#ffbbff,1][tr][td]……
  2. [table=150,#ffffff,#ffbbff,1][tr][td]…….


在【第四层②】可以插入21行字。在开头和结尾都空一行。空格的方式其实和一般word文档里不同。应该如此。
  1. [color=#xxxxxx]文字[/color]
【这样子就是顶格(顶着表格边沿)写的】
除非你是如此,如下代码:
文字上部与表格边沿有空行:
  1. [table=440 , #ffffff ,#ffbbff ,1][tr][td]
  2. [color=#XXXXXX]【此处起回车另起一行输入文字】
  3. 文字[/color][/td][/tr][/table]


文字下部与表格边沿有空行:
  1. [table=440 , #ffffff ,#ffbbff ,1][tr][td]
  2. [color=#XXXXXX]文字【此处起回车是表格结尾代码在另一行】[/color]
  3. [/td][/tr][/table]【总之从[/td]开始换行写。就会空一行】


文字上下部都与表格边沿有空行:
  1. [table=440 , #ffffff ,#ffbbff ,1][tr][td]
  2. [color=#XXXXXX]
  3. 文字[/color]
  4. [/td][/tr][/table]





  1. [table=460,#ffbbff,#ffbbff,1][tr][td]
  2. [table=450,#ffffff,#ffbbff,1][tr][td][align=left][color=#ffbbff]◆◇◆◇◆[/color][/align][/td][/tr][tr][td] [table=440,#ffffff,#ffbbff,1][tr][td]
  3. [table=150,#ffffff,#ffbbff,1][tr][td]
  4. [img]http://l.paipai.fm/p_w_upload/11/08/17/196_10371954_af41af5fa89de17.jpg[/img]
  5. [/td][/tr][tr][td]
  6. [img]http://l.paipai.fm/p_w_upload/11/08/17/196_10371954_e91dba2ff36e63e.jpg[/img]
  7. [/td][/tr][tr][td]
  8. [img]http://l.paipai.fm/p_w_upload/11/09/02/196_10371954_38b497513805e62.jpg[/img]
  9. [/td][/tr][/table]
  10. [/td][td]
  11. [table=250,#ffbbff,#ffbbff,1][tr][td][align=left][color=#ffffff]
  12. 字【共21行字的时候会与图片同长。。好好把握。。】[/color]
  13. [/align][/td][/tr]
  14. [/table][/td][/tr][/table][align=right][color=#ffbbff]署名[/color][/align][/td][/tr][tr][td][align=right][color=#ffbbff]◇◆◇◆◇[/color][/align][/td][/tr][/table]
  15. [/td][/tr][/table]
  16. [table=460,#a3dbf5,#a3dbf5,1][tr][td]
  17. [table=450,#ffffff,#a3dbf5,1][tr][td][align=right][color=#a3dbf5] ◆◇◆◇◆[/color][/align][/td][/tr][tr][td][table=440,#ffffff,#a3dbf5,1][tr][td]
  18. [table=250,#a3dbf5,#a3dbf5,1][tr][td][color=#ffffff]
  19. [/color][/td][/tr]
  20. [/table]
  21. [/td][td]
  22. [table=150,#ffffff,#a3dbf5,1][tr][td]
  23. [img]http://l.paipai.fm/p_w_upload/11/09/02/196_10371954_85466fa96a76b38.jpg[/img]
  24. [/td][/tr][tr][td]
  25. [img]http://l.paipai.fm/p_w_upload/11/08/17/196_10371954_96e0fd7ee45d840.jpg[/img]
  26. [/td][/tr][tr][td]
  27. [img]http://l.paipai.fm/p_w_upload/11/09/02/196_10371954_c6b6a94d0c5fd1e.jpg[/img]
  28. [/td][/tr]
  29. [/table][/td][/tr][/table][align=right][color=#a3dbf5]署名[/color][/align][/td][/tr][tr][td][align=right][color=#a3dbf5]◇◆◇◆◇[/color]
  30. [/td][/tr][/table]
  31. [/td][/tr][/table]



帖子第四课

课后作业

1.做出示例的表格。

2.做一个类似这样的表格,配色自己选择,排版清楚,文字清晰。






帖子第五课——嵌套


写在前面的话:

嵌套是我做帖子的时候,常用的,也是必须的。这是一个由浅入深的过程。一般会应用在帖子的中间,顶部也是会用到的。需要一定的表格基础,然后配合边框线,背景色,边框线的粗细和颜色十分重要。




帖子第五课——嵌套


一、嵌套注意点:

1.嵌套表格一般最多只能套5层。多了代码会失效。【层次是按表格来算的,并不是按肉眼看到的层次】

2.嵌套注意表格的大小和边框线的大小。若是太大,表格很容易抽。

3.最常使用的边框线为3,2,1,6。具体看你的帖子效果。

4.套多层次的时候,注意小表格加起来的大小要小于最大的表格的大小,不可以等于。等于的话表格会凸出,或是显示不出。

举个例子:



  1. [table=200,#548dd4,#548dd4,1][tr][td] [align=center][table=80,#ffffff,#ffffff,1][tr][td] [/td][/tr][/table][/align][/td][td] [align=center][table=80,#ffffff,#ffffff,1][tr][td] [/td][/tr][/table][/align][/td][/tr][/table]


这个帖子的大表格是200像素的大小。里面的2个小表格是80像素的大小。
80+80<200。

5.这是我个人的习惯,嵌套的时候用白色打底。






帖子第五课——嵌套


二、嵌套的效果:

1.简单嵌套——装饰性长条





  1. [table=200,#548dd4,#ffffff,1][tr][td] [align=center][table=150,#ffffff,#ffffff,1][tr][td]
  2. [/td][/tr][/table][/align][/td][/tr][/table]


讲解:

【1】这是由2层表格嵌套做出来的效果。第一层是背景是548dd4的蓝色,边框颜色为白色,边框线粗细为1。

【2】第二层是白色背景和边框的表格,边框线为1。

【3】第一层的大小为200,第二层为150。之间的间距为200-150=50。也就是所看到的装饰蓝色条的粗细。

【4】这种装饰会随着你在表格里的文字的改变而变长短,很合适作为图的装饰,或者是文字的装饰。

【5】要记得把第二层居中。不然装饰长条左右两边不对称。

效果链接:http://www.paipai.fm/r6416216_5/    71楼  1.腹黑橙色的祝福贴(图两边的就是了)



2.简单嵌套——书页式






  1. [table=200,#548dd4,#ffffff,1][tr][td] [align=center][table=180,#548dd4,#ffffff,3][tr][td]
  2. [/td][/tr][/table][/align][/td][/tr][/table]


讲解:

【1】这也是由2层嵌套造成的效果,第一层是背景为548dd4的蓝色,边框线为白色,边框线为1的表格。

【2】第二层次是背景为548dd4的蓝色,边框线为白色,边框线为3的表格。

【3】第一层次的表格大小为200,第二层次的表格大小为180。

【4】这种装饰会随着你在表格里的文字的改变而变长短,很合适作为文字的装饰。

【5】要记得把第二层居中。不然装饰长条左右两边不对称。

效果链接:http://www.paipai.fm/r6416216_5/    68楼 2小天使的生日祝福帖子

变形:







  1. [table=200,#548dd4,#ffffff,1][tr][td] [align=center][table=180,#548dd4,#ffffff,3][tr][td]
  2. [align=center][table=160,#ffffff,#ffffff,1][tr][td]
  3. [/td][/tr][/table][/align]
  4. [/td][/tr][/table][/align][/td][/tr][/table]


讲解:

【6】接着上面的步骤,居中插入一个大小为160,背景和边框都为160的白色表格。记得另起一行,不要都连起来。

效果链接:http://www.paipai.fm/r6416216_5/    69楼  我给娘子的情人节帖子。







帖子第五课——嵌套


二、嵌套的效果:

3.简单嵌套——白色边框







  1. [table=200,#548dd4,#548dd4,1][tr][td]
  2. [align=center][table=180,#548dd4,#ffffff,3][tr][td]
  3. [/td][/tr][/table][/align]
  4. [/td][/tr][/table]


讲解:

【1】这是由2个表格组成的,第一层背景为548dd4的蓝色,边框也是,边框线为1。

【2】第二层由背景是548dd4的蓝色,边框线是白色,边框线为3。第一层大小为200,第二层大小为180。

【3】记得把第二层居中。

【4】第二层与第一层的代码首尾不相连接。

效果链接:http://www.paipai.fm/r6416216_5/    67楼  我给四姨太的祝福帖子。

变形:







讲解:

【5】接上面的步骤,居中插入一个150大小,白色背景和边框的,边框线为1的表格。

【6】第二层与第三层首尾相连。

【7】表格的间距可以调整。效果也是不一样的。具体看你帖子的效果。

效果链接:http://www.paipai.fm/r6416216_5/    67楼  我给蓝蓝的祝福帖子(类似效果)。



4.简单嵌套——重合效果。






  1. [table=200,#ffffff,#548dd4,6][tr][td][align=center][table=160,#548dd4,#548dd4,1][tr][td][align=center][table=140,#ffffff,#ffffff,1][tr][td]
  2. [/td][/tr][/table][/align][/td][/tr][/table][/align][/td][/tr][/table]


讲解:

【1】这是由3层表格构成的。第一层背景是白色,边框是蓝色,边框线为6。大小为200。

【2】第二层是背景和边框都为蓝色的表格,大小为160。第三层是边框和背景都为白色,边框线为1。大小为140。

【3】记得把里面的表格居中,表格间距可调整。

效果链接:http://www.paipai.fm/r6416216_5/    71楼 给老爷的祝福贴





帖子第五课——嵌套


二、嵌套的效果:

5.简单嵌套






图(文字)






  1. [table=200,#ffffff,#548dd4,1][tr][td][align=center][table=6,#548dd4,#548dd4,1][tr][td]
  2. [/td][/tr][/table][/td][td]
  3. [align=center][table=160,#548dd4,#548dd4,1][tr][td][align=center][b][color=#ffffff][size=2]图(文字)[/size] [/color][/b][/align][/td][/tr][/table][/align]
  4. [/td][td][align=center][table=6,#548dd4,#548dd4,1][tr][td]
  5. [/td][/tr][/table][/align][/td][/tr][/table]


讲解:

【1】这是由一行三列的表格做出的效果。首先插入表格大小为200,一行三列的表格,背景和边框色都为蓝色,边框线为1。

【2】区别每列表格,第一列写1,第二列写2,第三列写3。

【3】在1,3,分别居中插入一个大小为6像素,边框线和背景色都是蓝色,边框线为1的表格。

【4】在2的地方居中插入边框线和背景色都是蓝色,边框线为1的表格。表格大小为160。

【5】2插入的表格可写文字或是图,根据图和文字的长短,调整1和3的表格长短,可用空行。

【6】2插入的表格代码首尾空一行。1和3的表格代码首尾相连。都做好后删除1,2,3数字。

【7】大家一定要记得,1,2,3的表格大小加起来要小于一行三列表格的大小。例如这个表格:6+6+160<200。

效果链接:http://www.paipai.fm/r6416216_5/    67楼 给姑姑她们的祝福贴(类似) 69  给娘子的情人节帖子(图的部分)






帖子第五课作业:

1.做出我上面所提到的五种嵌套表格。

2.做一个表格,要求里面用到上面说得五种嵌套中的一种。其他的随意。




帖子第六课——嵌套(偏向图)

写在前面的话:

这次教的嵌套偏向与图片,就是把图片用表格装饰起来。做表格的时候,注意要根据图片的颜色及其特点进行搭配。适当利用边框线与空行使得这个表格更好看。




帖子第六课——嵌套(偏向图)

一、嵌套表格效果

1.镶边式嵌套





  1. [table=130,#ff9999,#ff9999,6][tr][td][align=center] [table=125,#ff9999,#ffffff,3][tr][td] [align=center] [table=115,#ffffff,#ff9999,3][tr][td]
  2. [align=center][img]http://l.paipai.fm/p_w_upload/photo/Mon_1202/23844_8d1f13303291114a91e6846ff14de.jpg[/img][/align]
  3. [/td][/tr][/table][/align][/td][/tr][/table][/align][/td][/tr][/table]


讲解:

【1】.这是由三个表格嵌套而成,第一个表格大小为边框和背景都为粉色,边框线为6,大小为130。

【2】.居中插入大小为125,背景为粉色,边框为白色,边框线为3的表格。

【3】.再次居中插入大小为115,背景是白色,边框是粉色的,边框线为2的表格。三个表格首尾相连。

【4】.居中插入图片。记得先传上相册,然后得到链接,这样比较稳定。图片首尾空行。

【5】.具体可以根据图片的大小自行调整。

效果链接:http://www.paipai.fm/r6416216_5/  71楼

2.窗口式嵌套


















  1. [table=200,#ccccff,#ccccff,1][tr][td] [/td][/tr][/table][table=200,#ffffff,#ccccff,1][tr][td][align=center][table=3,#ccccff,#ccccff,1][tr][td]
  2. [/td][/tr][/table][/align][/td][td][align=center]
  3. [table=100,#ffffff,#ccccff,3][tr][td][align=center][img]http://l.paipai.fm/p_w_upload/photo/Mon_1201/22156_c5631326797980bf832eb5843e7cf.jpg[/img][/align][/td][/tr][/table][/align][/td][td][align=center][table=3,#ccccff,#ccccff,1][tr][td]
  4. [/td][/tr][/table][/align][/td][/tr][/table][table=200,#ccccff,#ccccff,1][tr][td][/td][/tr][/table]


讲解:

【1】.插入一行边框和背景都为紫色,边框线为1,大小为200的表格。

【2】.接着插入大小为200,背景是白色,边框是紫色,边框线为1的一行三列表格。

【3】.每列按从左到右的序号写上1,2,3。在1的地方居中插入大小为3像素,边框线为1,边框和背景都为紫色的表格。3的位置重复1的动作。

【4】
.在2的地方居中插入大小为100,背景色为白色,边框色为紫色,边框线为3的表格,表格中间居中插入图片。表格记得首尾各空一行。

【5】.接着插入一行边框和背景都为紫色,边框线为1,大小为200的表格。

【6】.根据图片的大小调整表格。记得最后把1,2,3去掉。

效果链接:http://www.paipai.fm/r6416216_5/  68楼

3.细长边框式







讲解:

【1】.插入大小为130,背景为白色,边框为橙色,边框线为6的表格。

【2】.居中插入大小为120,背景和边框都为橙色,边框线为1的表格。表格前后空行。

【3】.居中插入大小为110,边框为白色,边框线为3,背景为橙色的表格。表格前后空行。居中插入图片。

【4】.根据图片的大小调整表格,根据图片颜色配色。

效果链接:http://www.paipai.fm/r6416857   地板





帖子第六课——嵌套(偏向图)


4.横条边框式


    



  1. [table=450,#ffffff,#ff9999,3][tr][td]
  2. [align=center][table=420,#ff9999,#ffffff,3][tr][td][align=center][table=390,#ffffff,#ffffff,3][tr][td] [img]http://l.paipai.fm/p_w_upload/photo/Mon_1203/23844_4e7c13328174766c3bdd8af0b2bd2.jpg[/img]     [img]http://l.paipai.fm/p_w_upload/photo/Mon_1203/23844_4f18133281747464eff90adc490da.jpg[/img][/td][/tr][/table][/align][/td][/tr][/table][/align]
  3. [/td][/tr][/table][/align]


讲解:

【1】.插入一个大小为450,背景是白色,边框是粉色,边框线为3的表格。

【2】.居中插入一个大小为420,背景是粉色,边框是白色,边框线为3的表格。记得首尾空行。

【3】.居中插入一个大小为390,背景是白色,边框是白色,边框线为3的表格。。

【4】.插入图片。图片的间隔是6个空格。

【5】.根据图片的大小调整表格。

效果链接:http://www.paipai.fm/r6416216_5/  71楼

5.边框重复式



  1. [table=520,#99ccff,#99ccff,1][tr][td][align=center][table=480,#ffffff,#99ccff,1][tr][td] [align=center][table=460,#99ccff,#99ccff,1][tr][td] [align=center][table=430,#ffffff,#ffffff,1][tr][td][align=center][img]http://l.paipai.fm/p_w_upload/photo/Mon_1203/23844_2d0b1331556219c33a119e0ed8a89.jpg[/img][/align] [/td][/tr][/table][/align][/td][/tr][/table][/align][/td][/tr][/table][/align] [/td][/tr][/table][/align]


讲解:

【1】.插入一个大小为520,背景是蓝色,边框是蓝色,边框线为1的表格。

【2】.居中插入一个大小为480,背景是白色,边框是蓝色,边框线为1的表格。

【3】.居中插入一个大小为460,背景是蓝色,边框是蓝色,边框线为1的表格。

【4】.居中插入一个大小为430,背景是白色,边框是白色,边框线为1的表格.

【5】.居中插入图片,根据图片的大小调整表格。

效果链接:http://www.paipai.fm/r6416216_5/  71楼






帖子第六课作业:

1.做出上述五种嵌套效果。

2.自由发挥创作一个表格,要求用到以上五种任意一种,其余随意。





帖子第七课——表格顶部(包含嵌套)

写在前面的话:

表格的顶部是一个大家很容易忽视的地方,其实用的好的时候可以给表格增色。而表格顶部的做法分为很多中,有文字型的,有分割线的,还有嵌套的等等。现在一起来讨论这个部分吧。





帖子第七课——表格顶部(包含嵌套)

一、表格顶部效果

1.特殊符号


【1】一行一列
..·°  幻想情侣  ..·°


【2】一行一列
·.●.·.●.·.●.·.●.·.●.·.●.·.●.·.●.·.●.·.


下面是我收集的一些特殊符号:


■■■■■■■■■■■■■■■■■■
□□□□□□□□□□□□□□□□□□
•.●.•.●.•.●.•.●.•.●.•.●.【2号字体较好】
‖。‖。‖。‖。‖。‖。‖。‖。‖。
回回回回回回回回回回回回回回回回回回【古风帖子用】
ღ..•°ღ..•°ღ..•°ღ..•°ღ..•°
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
◆。◆。◆。◆。◆。◆。◆。◆。◆。
♥。..•°♥。..•°♥。..•°♥。..•°
★。☆。★。☆。★。☆。★。☆。★。
♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫
☆..•°☆..•°☆..•°☆..•°
ღ ღ ღ ღ ღ ღ ღ ღ ღ ღ ღ ღ ღ ღ ღ ღ ღ ღ ღ  
一一一一一一一一一一一一一一一一一



2.分割线、小图标式表格顶部


【1】分割线式顶部


茫茫人海,相遇即是缘——三姨太



  1. [table=500,#ffffff,#ffcccc,10][tr][td][hr][align=center] [color=#d99694][b]茫茫人海,相遇即是缘——三姨太[img]http://l.paipai.fm/p_w_upload/11/11/01/172_6991100_3cf012521e34411.gif[/img][/b][/color][/align][hr][/td][/tr][/table]


讲解:

(1)插入一个大小为500,背景是白色,边框线为粉色,边框线为10的表格。接着插入分割线。也可直接加入分割线代码如下
  1. [hr]


(2)写上茫茫人海,相遇即是缘——三姨太的字,文字居中,颜色为粉色,加粗。

(3)后面直接插入图片【就是会写字的动态小图标】。

(4)接着插入分割线。也可直接加入分割线代码如下
  1. [hr]



【2】小图标嵌套式顶部

         你若安好,就是晴天            


  1. [table=510,#ffffff,#ff9999,10][tr][td][align=center][table=420,#ff9999,#ffffff,2][tr][td] [color=#ffffff][u][size=2]         [/size][/color][/u][img]http://l.paipai.fm/p_w_upload/11/12/20/198_13451103_2ae7371535bf6dc.gif[/img] [size=2][font=宋体][color=#ffffff][b]你若安好,就是晴天[/b][/color][/font][/size] [img]http://l.paipai.fm/p_w_upload/11/12/20/198_13451103_2ae7371535bf6dc.gif[/img][color=#ffffff][u][size=2]         [/size][/color][/u]  [/td][/tr][/table][/align][/td][/tr][/table]


讲解:

(1)插入大小为510,背景是白色,边框是ff9999的粉色,边框线为10。

(2)居中插入大小为420,背景是粉色,边框线为白色,边框线为2的表格。

(3)接着插入下划线,设置下划线的颜色为白色。插入小图标。

(4)接着插入文字你若安好,就是晴天。白色,宋体,2号,加粗。插入小图标。

(5)接着插入下划线,设置下划线的颜色为白色。插入小图标。适当用空格调整效果。



3.简单嵌套式表格顶部


【1】横条型顶部

。‖   写上你的题目  ‖ 。


  1. [table=460,#7da8f2,#7da8f2,2][tr][td][align=center][table=430,#ffffff,#7da8f2,1][tr][td][align=center][table=400,#7da8f2,#7da8f2,1][tr][td][color=#ffffff]。‖   写上你的题目  ‖ 。[/color] [/td][/tr][/table][/align][/td][/tr][/table][/align] [/td][/tr][/table]


讲解:

(1)插入表格大小为460,背景和边框是7da8f2的蓝色,边框线为2。

(2)居中插入大小为430,背景是白色,边框线是蓝色,边框线为1的表格。

(3)居中插入,大小是400,背景和边框是蓝色,边框线为1的表格。

(4)写上你的题目,加上适当的文字符号,把文字设置成白色。

(5)利用空格适当调整效果。


【2】小图标式(和第2点的小图标嵌套式顶部做法相似,去掉下划线的步骤,大家可以试做,不会的对代码)

      标题啊啊啊啊啊      


  1. [table=460,#ffffff,#ffcc99,10][tr][td] [align=center][table=390,#ffcc99,#ffffff,6][tr][td][align=center][img]http://l.paipai.fm/p_w_upload/11/12/20/198_13451103_2ae7371535bf6dc.gif[/img]      [size=2][b][color=#ffffff]标题啊啊啊啊啊[/color][/b][/size]      [img]http://l.paipai.fm/p_w_upload/11/12/20/198_13451103_2ae7371535bf6dc.gif[/img][/align] [/td][/tr][/table][/align][/td][/tr][/table]







帖子第七课——表格顶部(包含嵌套)

一、表格顶部效果

表格的顶部是一个大家很容易忽视的地方,其实用的好的时候可以给表格增色。而表格顶部的做法分为很多中,有文字型的,有分割线的,还有嵌套的等等。现在一起来讨论这个部分吧。


3.简单嵌套式表格顶部

【3】双重嵌套

[table=330,#ffffff,#ff9999,2]
我的3333T——懒人事件记


  1. [table=520,#ffffff,#ff9999,10][tr][td][align=center][table=430,#ff9999,#ffffff,2][tr][td] [align=center][table=330,#ffffff,#ff9999,2][tr][td][color=#ff9999][size=2][b][move]我的3333T——懒人事件记[/move][/b][/size][/color][/td][/tr][/table][/align][/td][/tr][/table][/align][/td][/tr][/table]


讲解:

(1)插入一个大小为520,背景是白色,边框为红色,边框线为10的表格。

(2)居中插入一个大小为430,背景是红色,边框是白色,边框线为2的表格。

(3)居中插入一个大小为330,背景是白色,边框为红色,边框线为2的表格。

(4)写上文字,字体2号,加粗,红色,加上移动的代码。

(5)可根据文字的长短自行调整表格。


变形:

今夕复何夕,共此灯烛光——路路妞


  1. [table=550,#ff9999,#ff9999,2][tr][td][align=center][table=450,#ff9999,#ffffff,3][tr][td] [align=center][table=360,#ffffff,#ff9999,2][tr][td][b][color=#ff9999][font=宋体][size=2][align=center]今夕复何夕,共此灯烛光——路路妞[/font][/color][/b] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]



讲解:

(1)插入一个大小为550,背景是红色,边框为红色,边框线为2的表格。

(2)居中插入一个大小为450,背景是红色,边框是白色,边框线为3的表格。

(3)居中插入一个大小为360,背景是白色,边框为红色,边框线为2的表格。

(4)写上文字,宋体,字体2号,加粗,红色。

(5)可根据文字的长短自行调�
[ 此帖被丽丽7410在2012-05-26 13:40重新编辑 ]
本帖最近评分记录: 1 条评分
丽丽7410

ZxID:11985453


等级: 内阁元老
配偶: 丽树人
茉莉的季节早已过去,福州的冬季还会远么?
举报 只看该作者 4楼  发表于: 2012-04-04 0
[ 此帖被丽丽7410在2012-08-16 17:45重新编辑 ]
本帖最近评分记录: 1 条评分
丽丽7410

ZxID:11985453


等级: 内阁元老
配偶: 丽树人
茉莉的季节早已过去,福州的冬季还会远么?
举报 只看该作者 5楼  发表于: 2012-04-04 0
[ 此帖被丽丽7410在2012-08-16 17:43重新编辑 ]
丽丽7410

ZxID:11985453


等级: 内阁元老
配偶: 丽树人
茉莉的季节早已过去,福州的冬季还会远么?
举报 只看该作者 6楼  发表于: 2012-04-04 0
[ 此帖被丽丽7410在2012-08-16 17:43重新编辑 ]
本帖最近评分记录: 1 条评分
丽丽7410

ZxID:11985453


等级: 内阁元老
配偶: 丽树人
茉莉的季节早已过去,福州的冬季还会远么?
举报 只看该作者 7楼  发表于: 2012-04-04 0
[ 此帖被丽丽7410在2012-08-16 17:46重新编辑 ]
丽丽7410

ZxID:11985453


等级: 内阁元老
配偶: 丽树人
茉莉的季节早已过去,福州的冬季还会远么?
举报 只看该作者 8楼  发表于: 2012-04-04 0
[ 此帖被丽丽7410在2012-04-14 10:43重新编辑 ]
丽丽7410

ZxID:11985453


等级: 内阁元老
配偶: 丽树人
茉莉的季节早已过去,福州的冬季还会远么?
举报 只看该作者 9楼  发表于: 2012-04-04 0
[ 此帖被丽丽7410在2012-04-14 10:44重新编辑 ]
祤绫

ZxID:10371954


等级: 热心会员
配偶: 陸言生
企盼。珍惜。奈何。
举报 只看该作者 10楼  发表于: 2012-04-04 0
~(≧▽≦)/~啦啦啦
我来占个沙花~~

楼主留言:

︶ε╰✿给力的沙发~~o(╥﹏╥)o等着我慢慢搬过来

本帖最近评分记录: 6 条评分 派派币 +209
陌峥

ZxID:6991100


配偶: 黑白纪
回归o(≧ω≦)o
举报 只看该作者 11楼  发表于: 2012-04-04 0
杀花。指间流沙。。。杂志社的投稿什么的。。。

楼主留言:

。。好吧,重名了……不过名字很好听有木有!!


岑今

ZxID:14195176

等级: 博览群书
或等周年
举报 只看该作者 12楼  发表于: 2012-04-04 0
— (゛) 拍肩,楼主的表格教程一直有在更新哦,不仅有表格基础还有帖子讲解,要是真想学习表格就记得经常关注此贴,并且一定要记得,看了教程自己要去动手,可以就在此楼回复交作业,楼主和版主都很愿意帮助大家一起学习一起成长,希望大家都不要觉得表格是件很难的事情
希望这个教程对大家是真的有帮助( ̄▽ ̄") —
机遇好多啊o(╯□╰)o
大姨太(づ ̄ 3 ̄)づ
好看好看

楼主留言:

四姨太,我第一课更新好了,过了看看吖……o(≧v≦)o~~试试看做一下

南嘉鱼、

ZxID:17839264


等级: 内阁元老
人生是旷野
举报 只看该作者 13楼  发表于: 2012-04-04 0
第一课,所学~~~(≧▽≦)/~啦啦啦


            
内容















楼主留言:

恩啊,做的很不错,咳咳,就是你的图用错了~~是红色图片比较搭配哦……

[ 此帖被燕鸣玖在2012-04-04 19:37重新编辑 ]
本帖最近评分记录: 2 条评分 派派币 +5

ZxID:12363564


等级: 文学之神
配偶: 孤独前行
求卖签啊!!!
举报 只看该作者 14楼  发表于: 2012-04-04 0
— (゛) 拍肩,楼主的表格教程一直有在更新哦,不仅有表格基础还有帖子讲解,要是真想学习表格就记得经常关注此贴,并且一定要记得,看了教程自己要去动手,可以就在此楼回复交作业,楼主和版主都很愿意帮助大家一起学习一起成长,希望大家都不要觉得表格是件很难的事情
希望这个教程对大家是真的有帮助( ̄▽ ̄") —
咳咳。。。没有表格代码。。我学习无能了啊。。。

楼主留言:

我更新好了,不过是讲一些小技巧的……


谭。茗月°

ZxID:10428872


等级: 热心会员
不要在没有我的地方哭。茕茕【灰】兔
举报 只看该作者 15楼  发表于: 2012-04-04 0
— (゛) 拍肩,楼主的表格教程一直有在更新哦,不仅有表格基础还有帖子讲解,要是真想学习表格就记得经常关注此贴,并且一定要记得,看了教程自己要去动手,可以就在此楼回复交作业,楼主和版主都很愿意帮助大家一起学习一起成长,希望大家都不要觉得表格是件很难的事情
希望这个教程对大家是真的有帮助( ̄▽ ̄") —
都是比较复杂的,估计基础不扎实地,看到了,也会晕

楼主留言:

姑姑,我改好了,写的比较详细了~

本帖最近评分记录: 1 条评分



叶南絮

ZxID:12038645


等级: 内阁元老
配偶: 叶北疏
是路路也是柚子。2.8周年!
举报 只看该作者 16楼  发表于: 2012-04-04 0
— (゛) 拍肩,楼主的表格教程一直有在更新哦,不仅有表格基础还有帖子讲解,要是真想学习表格就记得经常关注此贴,并且一定要记得,看了教程自己要去动手,可以就在此楼回复交作业,楼主和版主都很愿意帮助大家一起学习一起成长,希望大家都不要觉得表格是件很难的事情
希望这个教程对大家是真的有帮助( ̄▽ ̄") —
坚定跟着学~(≧▽≦)/~啦啦啦

没事再来蹭

楼主留言:

路路妞,我改好了,可以过来试着做一下……

「虹」

ZxID:10719418


等级: 文学之神
配偶: 「崢」
举报 只看该作者 17楼  发表于: 2012-04-04 0
— (゛) 拍肩,楼主的表格教程一直有在更新哦,不仅有表格基础还有帖子讲解,要是真想学习表格就记得经常关注此贴,并且一定要记得,看了教程自己要去动手,可以就在此楼回复交作业,楼主和版主都很愿意帮助大家一起学习一起成长,希望大家都不要觉得表格是件很难的事情
希望这个教程对大家是真的有帮助( ̄▽ ̄") —
太复杂了看不懂囧

楼主留言:

咳咳,我去改了下,写的详细了,你试试看能不能看懂……

本帖最近评分记录: 1 条评分
2012-2016
沉檀轻。

ZxID:14143645


等级: 热心会员
举报 只看该作者 18楼  发表于: 2012-04-04 0
— (゛) 拍肩,楼主的表格教程一直有在更新哦,不仅有表格基础还有帖子讲解,要是真想学习表格就记得经常关注此贴,并且一定要记得,看了教程自己要去动手,可以就在此楼回复交作业,楼主和版主都很愿意帮助大家一起学习一起成长,希望大家都不要觉得表格是件很难的事情
希望这个教程对大家是真的有帮助( ̄▽ ̄") —
你的表格有些确实很复杂,用来加强很不错,谢谢楼主分享。

楼主留言:

刚才写的有点复杂,现在写详细一些了,你可以过来试试看做……要是看不懂和我说~~


茶糜洛洛

ZxID:14059474


等级: 热心会员
不念不忘。
举报 只看该作者 19楼  发表于: 2012-04-04 0
— (゛) 拍肩,楼主的表格教程一直有在更新哦,不仅有表格基础还有帖子讲解,要是真想学习表格就记得经常关注此贴,并且一定要记得,看了教程自己要去动手,可以就在此楼回复交作业,楼主和版主都很愿意帮助大家一起学习一起成长,希望大家都不要觉得表格是件很难的事情
希望这个教程对大家是真的有帮助( ̄▽ ̄") —
丽丽。我也来看看。。明天试试看~(≧▽≦)/~啦啦啦

楼主留言:

咳咳,基础课写好了,在沙发上……



发帖 回复