好友

享受生命，享受健康，享受快乐，享受幸福！

日志

关于我

好友

一个善解人意,宽宏大量,包容一切,非常随和的老人。

文章分类

实用的首页导航代码

2011-01-05 17:23:57| 分类：【博客代码】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

实用的首页导航代码

一、文字式（简洁）

代码：

<DIV style="LEFT: 165px; ; TOP: 194px">

<TABLE cellSpacing=0 cellPadding=0 width=550 border=0>

<TBODY>

<TR>

<TD>

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

</TD></TR></TBODY></TABLE></DIV>

效果：健康生活┆ 时尚潮流┆

二、标签式

代码：

<P><FONT size=2>·</FONT><A href="地址" target=_blank><FONT color=#ff3300 size=2>题目

</FONT></A></P>

<P><FONT size=2>·</FONT><A href="地址" target=_blank><FONT color=#ff3300 size=2>题目

</FONT></A></P>

<P><FONT size=2>·</FONT><A href="地址" target=_blank><FONT color=#ff3300 size=2>题目

</FONT></A></P>

<P><FONT size=2>·</FONT><A href="地址" target=_blank><FONT color=#ff0000 size=2>题目

</FONT></A></P>

说明:

把自己日志中的地址和题目替换代码中的地址和题目，最多可加到2000个字符，然后填加到首页自定义模块里。

效果:

?题目

?题目

?题目

?题目



三、表格式1

<HR width="100%" color=#0000ff SIZE=10>

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#ffffcc height=40>

<TD width="100%">

<P></P><A href="http://kawzhubing.blog.163.com/edit/">我的日志导航</A>

<P align=center></P></TD></TR></TBODY></TABLE>

<P></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#00cc00 height=20>

<TD width="33.3%">我的心情故事</TD>

<TD width="33.3%">两性之门</TD>

<TD width="33.3%">博客学堂</TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#ffffcc height=20>

<TD width="33.3%"><A href="地址">标题 </A></TD>

<TD width="33.3%"><A href="地址">标题</A></TD>

<TD width="33.3%"><A href="地址">标题</A></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#ffffcc height=20>

<TD width="33.3%"><A href="地址">标题 </A></TD>

<TD width="33.3%"><A href="地址">标题</A></TD>

<TD width="33.3%"><A href="地址">标题</A></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#ffffcc height=20>

<TD width="33.3%"><A href="地址">标题</A></TD>

<TD width="33.3%"><A href="地址">标题<A></TD>

<TD width="33.3%"><A href="地址">标题</A></TD></TR></TBODY></TABLE></P>

<HR width="100%" color=#0000ff SIZE=10>

说明:

1、width="33.3%"是横格，100%分成三份。如是四个横格，就是25%。以此类推。

2、height=20 每格的高度。将代码中的“地址”和“标题”换成自己文章的地址和标题。

<HR width="100%" color=#0000ff SIZE=10> 是上下蓝色条代码，可换上自己喜欢的颜色。

3、Color=#ffffcc 颜色可调。

4、如想增加表格按上面代码的规律可继续填加。

效果：

我的日志导航

标题标题标题

标题标题标题

标题 标题标题

四、表格式2

代码：

<TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#ff0000 border=0>

<TBODY>