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

云雾居士博乐园

潋滟湖光诗博客 婆娑树影画家园 波涌碧水潜龙至 风卷紫霄翔凤归

 
 
 

日志

 
 

引用 冰偌的 图片式导航代码  

2010-03-14 22:04:05|  分类: 日志导航 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自丛中笑《 图片式导航代码》

 

                       冰偌图片式导航代码
            一,模块多图片式导航代码:

 

图片式导航代码 - 冰偌 - 冰偌的家园 

网易博客

图片式导航代码 - 冰偌 - 冰偌的家园 

我的日志

图片式导航代码 - 冰偌 - 冰偌的家园

我的相册

图片式导航代码 - 冰偌 - 冰偌的家园 

我的好友

图片式导航代码 - 冰偌 - 冰偌的家园 

我的资料

图片式导航代码 - 冰偌 - 冰偌的家园 

博友留言

图片式导航代码 - 冰偌 - 冰偌的家园 

音乐收藏

图片式导航代码 - 冰偌 - 冰偌的家园 

博客收藏

 

图片式导航代码 - 冰偌 - 冰偌的家园 

 

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

 

代码:

<P align=center>

<TABLE style="WIDTH: 275px; HEIGHT: 125px" borderColor=#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></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)是表示表格里的底色,这二组代码的颜色都可以根据你的喜欢而更改(请见最上面最后的二个样品).

  

 

 

图片式导航代码 - 冰偌 - 冰偌的家园 

 图片式导航代码 - 冰偌 - 冰偌的家园

 

 

图片式导航代码 - 冰偌 - 冰偌的家园

  评论这张
 
阅读(206)| 评论(0)

历史上的今天

评论

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

页脚

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