自己动手制作导航条 - 理智

(引用此日志请标明出处----理智博客)

在博客里制作导航条，是非常必要的，有了它一切都好办了。

制作步骤：

1. 进入我的博客，点击顶栏右上方的“设置” →“开始装扮博客” →“设置首页内容” →“添加自定义模块” →输入模块名称→将制作好的导航代码粘贴下面窗口→预览→没有问题就可以确定。

2. 制作导航代码：

A. 单行两列表格的代码：

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#CC99CC border=0>

<TBODY>

效果图：

B. 单行三列表格的代码:

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#CC99CC border=0>

<TBODY>

效果图:

C. 四列表格以上的代码制作：

同以上代码一样，只增加<TD width="33%"><H2><a href="日志地址" target="_blank">日志名称</a></H2></TD>代码的数目，并将width="33%">里面的33%数值改变成100除以列数即可，自己动手试试。

D: 多行表格的代码：重复以上代码即可达到目的。

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#CC99CC border=0>

<TBODY>

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#CC99CC border=0>

<TBODY>

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#CC99CC border=0>

<TBODY>

效果图：

注意事项：

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

2. height=25 这是单元格的高度， “25”这个值是可以改大改小的；

3. width="100%" 这是表单元格的宽度的百分比，100%这个值也是可以变化的。如果在一行中不需再分成小单元格，那么它的百分比就是100%；（即单元格宽度width=450 的100%）；

4. bgColor=#FFFFCC为颜色，“#FFFFCC”可以改成适合你版面的颜色，具体代码在《256颜色代码表》里找；点击进入颜色代码表

(引用此日志请标明出处----------理智博客)

点击进入我的娱乐篇>>>>