云雾居士博乐园

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

日志

关于我

云雾居士

文章分类

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

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

下载LOFTER 我的照片书 |

本文转载自丛中笑《图片式导航代码》

冰偌的图片式导航代码
一，模块多图片式导航代码：

网易博客

我的日志

我的相册

我的好友

我的资料

博友留言

音乐收藏

博客收藏

（下面已去掉网址和图片地址）：

代码：



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

cellPadding=0 bgColor=#080808 border=5>

<TBODY>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD></TR>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>

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

<A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD></TR>

</TBODY></TABLE>

如果二行图片不够，你可以重复复制从<TR>到</TR>之间的这段代码（要包含<TR>、</TR>），几行都可以，就是下面这段：

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

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

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

但是要记住，必须粘贴在</TBODY></TABLE>这组代码之前。当然，你也可以减少每行的图片数量，只要把以<TD>开头到以</TD>结尾的这段代码删除（<TD><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px" src="图片地址" border=0 twffan="done"></A><A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>）即可。反之，你如果要增加每行的图片数量，反复粘贴（<TD><A href="你要导航的网址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 83px" src="图片地址" border=0 twffan="done"></A><A href="你要导航的网址" target=_blank>名称（网名或姓名）</A> </TD>）这段代码即可

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

评论这张

转发至微博

阅读(246)| 评论(0)

历史上的今天

this.p={ m:2,
 b:2,
 loftPermalink:'',
 id:'fks_080066082083080069093085087095085084089066080086094069086',
 blogTitle:'引用 冰偌的 图片式导航代码',
 blogAbstract:' <P\> </P\> <P\>                       <A target=\"_blank\" href=\"http://a724947069.blog.163.com/\" \>冰偌</A\> 的 <A target=\"_blank\" href=\"http://a724947069.blog.163.com/blog/static/1102025192009630032779\" \>图片式导航代码</A\><BR\><STRONG\>            一，模块多图片式导航代码：</STRONG\></FONT\></P\> <BLOCKQUOTE\> <BLOCKQUOTE\>  </P\> </P\> <TABLE style=\"WIDTH: 200px; HEIGHT: 80px;\" border=\"5\" borderColor=\"#7fe000\" cellPadding=\"0\" bgColor=\"#080808\" \> <TBODY\> <TR\> <TD\> <P\></P\> <A href=\"http://blog.163.com/\" \></A\></P\></TD\></TR\></TABLE\></P\></BLOCKQUOTE\></BLOCKQUOTE\>',
 blogTag:'',
 blogUrl:'blog/static/12814086220102141045724',
 isPublished:1,
 istop:false,
 type:2,
 modifyTime:1317340204771,
 publishTime:1268575445724,
 permalink:'blog/static/12814086220102141045724',
 commentCount:0,
 mainCommentCount:0,
 recommendCount:0,
 bsrk:-100,
 publisherId:0,
 recomBlogHome:false,
 currentRecomBlog:false,
 attachmentsFileIds:[],
 vote:{},
 groupInfo:{},
 friendstatus:'none',
 followstatus:'unFollow',
 pubSucc:'',
 visitorProvince:'',
 visitorCity:'',
 visitorNewUser:false,
 postAddInfo:{},
 mset:'000',
 mcon:'',
 srk:-100,
 remindgoodnightblog:false,
 isBlackVisitor:false,
 isShowYodaoAd:false,
 hostIntro:'',
 hmcon:'1',
 selfRecomBlogCount:'0',
 lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
 }

{list a as x}
 {if !!x}
 <div class="iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
 {if x.visitorName==visitor.userName}
 <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
 {else}
 <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
 {/if}
 </a>
 <div class="cwd vname thide">
 {if x.moveFrom=='wap'}
 <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"> </a>
 {elseif x.moveFrom=='iphone'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='android'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='mobile'}
 <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"> </a>
 {/if}
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
 ${fn(x.visitorNickname,8)|escape}
 </a>
 </div>
 </div>
 {/if}
 {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

推荐过这篇日志的人：
 <div>
 {list a as x}
 {if !!x}
 <div class="iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
 <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
 </a>
 <div class="cwd thide">
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
 ${fn(x.recommenderNickname,6)|escape}
 </a>
 </div>
 </div>
 {/if}
 {/list}
 </div>
 {if !!b&&b.length>0}
 他们还推荐了：
 <ul>
 {list b as y}
 {if !!y}
 <li class="rrb">·<a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/12814086220102141045724">${y.recommendBlogTitle|escape}</a></li>
 {/if}
 {/list}
 </ul>
 {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
 {if !!x}
 <div class="hotItem iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
 {if x.publisherUsername==visitor.userName}
 <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
 {else}
 <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
 {/if}
 </a>
 <div class="cwd vname thide">
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
 ${fn(x.publisherNickname,8)|escape}
 </a>
 </div>
 <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
 </div>
 {/if}
 {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

云雾居士博乐园

导航

日志

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

历史上的今天

最近读者

热度

评论

页脚

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