怎样用表格制作博客浏览导航

红尘精灵 2011-04-06

展开全文

怎样用表格制作博客浏览导航(原创)

教你活用不是死搬

操作窗口:编辑状态下的自定义模块中或编辑状态下的日志窗口的HTML编辑器中

一、表格基本代码:

<TABLE cellSpacing=5 borderColorDark=#330000 cellPadding=2 width=750 align=center bgColor=#204040 borderColorLight=#000000 border=2>
<TBODY>单元格代码粘贴处</TR></TBODY></TABLE>

说明：width=750 表单元格宽度；bgColor=#204040 表边框背景颜色，borderColorDark=#330000 表下边线和右边线的颜色，borderColorLight=#000000 表上边线和左边线的颜色，#号后的颜色值可以根据自己的喜好进行修改，要改变颜色值可参看颜色代码表。

二、表格单元格代码:

<TR>

<TD height="10" borderColorDark="#808080" width="750" align="middle" borderColorLight="#000000">链接代码粘贴处</TD>

三、网页链接代码：

四、将链接代码粘贴到“表格单元格代码”的“链接代码粘贴处”，看下面的演示：

<TR>

五、将粘贴好链接代码后的单元格代码插入“基本代码”中后的示范:

<TR>

<TR>

</TR></TBODY></TABLE>

说明:

1、<TR>与<TD>之间的代码是粘贴入的单元格代码（含有链接代码）

2、插在<TR>与<TD>之间的单元格代码可以根据你的需要进行粘贴，需要5次就粘贴5次；（上面是粘贴了2次的，即两行）

3、width=750 这是单元格的宽度,“750”这个值是可以变的。如果把表放在首页中间宽的一栏，两个单元格（一行）的总值可设为“440--450”为宜；如果把表放在窄的一栏，两个单元格（一行）的总值可设为“220”为宜。

4、红色代码是代入的单元格代码；

5、height=10 这是单元格的高度， “10”这个值是可以改大改小的；

六、怎样将行分成若干个小单元格？

1、如果在一行中又分成2个小单元格，那就是在<TR>的后面放2个<TD></TD>单元，宽度为2分之一小一点（即750的二分之一小一点），

代码示范如下：

<TR>

</TR></TBODY></TABLE>

2、思考:如果要将一行单元分成3个、4个、5个......小单元格怎么办?

答案:分成几个小单元格,那就是在<TR>的后面放几个<TD></TD>单元,其宽度就是几分之一略小一点。

请看看效果:

页面名称

七、怎样做文字链接，还可参看：文字图片的链接必须学

做链接后的表格浏览导航示例如下：

怎样装扮博客首页

怎样选择博客首页的风格(升级版)	博客首页模块怎样选择“版式”（升级版）
博客首页怎样添加系统本身具有的模块	怎样自定义博客首页的风格（升级版）
怎样为博客浏览器背景换上自己的图片	怎样为博客首页的顶区和底区上传自己图片
怎样上传博客中区的自制模板	怎样装饰博客首页
怎样添加自定义模块（升级版）	怎样直接复制别人博客中你喜欢的的模块
怎样让博客首页的日志模块只显示标题	为你的首页添加漂亮时钟
为你的首页添加漂亮日历	为你的首页添加天气预报
为你的首页添加清明上河图	怎样隐藏或恢复首页模块