最近看到好多朋友首页上都有日志导航,一点就看.这样方便了大家的阅读,也给自己的日志归了类,首页内容有条不紊,很有美感,通过请教大姐栖霞枫叶,在朋友蓝色妖姬的博文中我得知了这些代码,就试着做了一下,效果还真好!我的做成了就想和朋友们分享.其实很简单,有好多朋友的日记导航只有文字链接,这些代码是又加上了图片链接,这样即做到了链接文章的效果,又起到了美化的作用,真是是两全其美
以下是代码:
<TABLE borderColor=#ff0000 cellSpacing=10 cellPadding=0 width="80%" bgColor=#080808 border=3>
<TBODY>
<TR>
<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>
<P> <A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称 </FONT></A> </P>
</TD>
<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>
<P> <A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称</FONT></A> </P>
</TD>
</TR></TR></TR></TBODY></TABLE>
<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>
<P> <A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称 </FONT></A> </P>
</TD>
<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>
<P> <A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称 </FONT></A> </P>
</TD>
这是四个导航,朋友还可以根据自己的需要继续再加!
(在此特别感谢 : 栖霞枫叶 和 蓝色妖姬两位大姐)
|
评论