秋思梦景博客

秋紅相思梦幻佳景

日志

关于我

秋思梦景

爱好文学字画音乐

文章分类

【转载】图片文字一体链接表格导航代码【原创】

2017-01-15 17:48:20| 分类：代码制作 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自漫步《图片文字一体链接表格导航代码【原创】》

代码：

<TR>

说明：

1、以上代码是两行四列，可以随便加列加行或减列减行。

2、如果加列，就在“导航名称4”的代码后再继续加代码：

<TD>
<A href="链接地址" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址=" width=70 height=70></A>
  <A href="链接地址" rel=nofollow target=_blank>导航名称</A> </TD>
3、如果加行，就在“导航名称8”的代码后再加代码：

<TR>

<TD>
<A href="链接地址" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址" width=70 height=70></A>
  <A href="链接地址" rel=nofollow target=_blank>导航名称</A> </TD>
千万注意不要漏掉"<TR>”

4、如果要减列减行就相应删除以上行列代码。

我的博客首页“图片收藏”模块就是两行四列：

评论这张

转发至微博

阅读(113)| 评论(2)

历史上的今天

this.p={ m:2,
 b:2,
 loftPermalink:'',
 id:'fks_087075082086084065082085081070072084087070087086083067084087',
 blogTitle:'【转载】图片文字一体链接表格导航代码【原创】',
 blogAbstract:'\n<div align=\"center\" \>\n<table border=\"3\" cellspacing=\"10\" bordercolor=\"#00ad00\" cellpadding=\"0\" width=\"20%\" bgcolor=\"#cccc99\" align=\"center\" \>\n<tbody\>\n<tr\>\n<td\>\n<a target=\"_blank\" rel=\"nofollow\" href=\"http://blog.163.com/yanhailiang_123/blog/链接地址1\" \><img style=\"margin: 0px 10px; float: none; cssfloat: none;\" title=\"图片加字表格导航代码 - 漫步 - 漫步家园\" alt=\"图片加字表格导航代码 - 漫步 - 漫步家园\" src=\"http://blog.163.com/yanhailiang_123/blog/图片地址\" width=\"70\" \></font\></a\></p\>\n  <a target=\"_blank\" rel=\"nofollow\" href=\"http://blog.163.com/yanhailiang_123/blog/链接地址1\" \><strong\>导航名称1</font\></strong\></a\></font\></p\></td\></tr\></table\></div\>',
 blogTag:'',
 blogUrl:'blog/static/265305001201701554820355',
 isPublished:1,
 istop:false,
 type:2,
 modifyTime:0,
 publishTime:1484473700355,
 permalink:'blog/static/265305001201701554820355',
 commentCount:2,
 mainCommentCount:2,
 recommendCount:2,
 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:'',
 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/265305001201701554820355">${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 - 订阅此博客

秋思梦景博客

导航

日志

【转载】图片文字一体链接表格导航代码【原创】

历史上的今天

最近读者

热度

评论

页脚