注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

原色天空

天下难事做于易,天下大事做于细。

 
 
 

日志

 
 

引用 【原创】导航代码详解(一)“我的博客导航”模块  

2008-12-20 23:53:26|  分类: 引用转载 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

飞龙在天【原创】导航代码详解(一)“我的博客导航”模块

 

模块多图片式导航代码

(献给初学者(*^__^*)高手莫入)

 

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

网易博客

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

我的心语

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

我的日志

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

我的相册

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

博友评论

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

我的好友

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

网易论坛

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

我的资料

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

心路历程

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

博友留言

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

音乐收藏

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

博客收藏

 

上图代码(下面已去掉网址和图片地址):

<P align=center>

<TABLE style="WIDTH: 275px; HEIGHT: 125pxborderColor=#7fe000 

cellPadding=0   bgColor=#080808 border=5>

<TBODY>

<TR><TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD></TR>

<TR><TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P>

<P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD></TR>

</TBODY></TABLE></P>

  如果二行图片不够,你可以重复复制从<TR></TR>之间的这段代码(要包含<TR></TR>,几行都可以,就是下面这段:

<TR><TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P><P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P><P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P><P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P><P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P><P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>

<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P><P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD></TR>

  但是要记住,必须粘贴在</TBODY></TABLE></P>这组代码之前。当然,你也可以减少每行的图片数量,只要把以<TD>开头到以</TD>结尾的这段代码删除<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P><P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>即可。反之,你如果要增加每行的图片数量,反复粘贴<TD><P ><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px"  src="图片地址"  border=0 twffan="done"></A></P><P align=center><A href="你要导航的网址" target=_blank><FONT color=#ff0000 size=3><B>名称(网名或姓名)</B></FONT></A><FONT size=2> </FONT></P><P></P></TD>这段代码即可(具体可参见下图所示)。

 

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

 增加后的效果图

 

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

减少后的效果图

 

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

名称(网名或姓名)

放大后的效果图

 

       注:1、此类代码点击图片,或者图片下面的文字,均可直接链接到你设置的网址地址;2、代码开头的一组红色代码(即:WIDTH: 275px; HEIGHT: 125px)是表示大表格的宽度和高度,下面的一组绿色代码(即;WIDTH: 81px; HEIGHT: 83px  后面的都一样)是表示表格中图片的宽度和高度。这二组的宽度和高度,都可以根据你的需要随便更改;3、另外一组粉色代码(即:borderColor=#7fe000 )是表示表格边框的颜色。另一组紫色代码(即:bgColor=#080808)是表示表格里的底色,这二组代码的颜色都可以根据你的喜欢而更改(请见最上面最后的二个样品)。

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场

 

 

我的博客模块导航代码说明(一) - 飞龙在天 - 云中舞蹈休闲广场 

 

 

 飞龙在天欢迎您的光临
  评论这张
 
阅读(133)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017