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

XUE HAI BLOG

鸟瞰家乡 美丽独特 多骄如画 家乡明天更美好

 
 
 

日志

 
 

☆二款新颍的表格导航链接代码  

2009-04-30 13:48:03|  分类: 【導航/鏈接】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

二款新颍的表格导航链接代码

 

添加链接导航标题
 ★ 链接名称  ★ 链接名称  ★ 链接名称
 ★ 链接名称  ★ 链接名称  ★ 链接名称
 ★ 链接名称  ★ 链接名称  ★ 链接名称
 ★ 链接名称  ★ 链接名称  ★ 链接名称
 ★ 链接名称  ★ 链接名称  ★ 链接名称
 ★ 链接名称  ★ 链接名称  ★ 链接名称
学海博客-欢迎您光临浏览选用!
学海博客-欢迎您光临浏览选用!

代 码 如 下

<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND-IMAGE: url(http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_15_1?1115915584.gif); BORDER-LEFT: 1px solid; WIDTH: 620px; BORDER-BOTTOM: 1px solid; HEIGHT: 43px" cellSpacing=3 cellPadding=1 align=center border=2>
<TBODY>
<TR>
<TD align=middle background=http://xf.2000y.net/120487/uploadpic/2007021220044436009.gif colSpan=3><SPAN style="FONT-FAMILY: '微软雅黑','黑体',Arial,Helvetica,Sans-Serif"><FONT color=#FFFFFF size=5>添加链接导航标题</FONT></SPAN></TD>
<TR align=left>
<TD width="30%" height=25 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0149.gif>&nbsp;<IMG title=★ alt=★ src="http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>
<TD width="30%" height=25 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0149.gif>&nbsp;<IMG title=★ alt=★ src="http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>
<TD width="30%" height=25 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0149.gif>&nbsp;<IMG title=★ alt=★ src="http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>
<TR align=left>
<TD width="30%" height=25 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0149.gif>&nbsp;<IMG title=★ alt=★ src="
http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>
<TD width="30%" height=25 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0149.gif>&nbsp;<IMG title=★ alt=★ src="
http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>
<TD width="30%" height=25 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0149.gif>&nbsp;<IMG title=★ alt=★ src="
http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>

说 明∶需要添加更多行,只要复制红色代码部分粘贴其面,直到需要的行数即可。也可制作二列多行或多列多行效果。绿色代码为各表格背景的闪图图片地址,可尝试调换。

添加链接导航标题
 ★ 链接名称  ★ 链接名称  ★ 链接名称
 ★ 链接名称  ★ 链接名称  ★ 链接名称
 ★ 链接名称  ★ 链接名称  ★ 链接名称
 ★ 链接名称  ★ 链接名称  ★ 链接名称
 ★ 链接名称  ★ 链接名称  ★ 链接名称
 ★ 链接名称  ★ 链接名称  ★ 链接名称
学海博客-欢迎您光临浏览选用!
学海博客-欢迎您光临浏览选用!

代 码 如 下

<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND-IMAGE: url(http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_15_1?1115915584.gif); BORDER-LEFT: 1px solid; WIDTH: 620px; BORDER-BOTTOM: 1px solid; HEIGHT: 43px" cellSpacing=3 cellPadding=1 align=center border=2>
<TBODY>
<TR>
<TD align=middle bgColor=#ffdab9 colSpan=3><SPAN style="FONT-FAMILY: '微软雅黑','黑体',Arial,Helvetica,Sans-Serif"><FONT color=#993300 size=5>添加链接导航标题</FONT></SPAN></TD>
<TR align=left bgColor=#000000>
<TD width="30%" height=25>&nbsp;<IMG title=★ alt=★ src="http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>
<TD width="30%" height=25>&nbsp;<IMG title=★ alt=★ src="http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>
<TD width="30%" height=25>&nbsp;<IMG title=★ alt=★ src="http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>
<TR align=left bgColor=#000000>
<TD width="30%" height=25>&nbsp;<IMG title=★ alt=★ src="
http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>
<TD width="30%" height=25>&nbsp;<IMG title=★ alt=★ src="
http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>
<TD width="30%" height=25>&nbsp;<IMG title=★ alt=★ src="
http://img.blog.163.com/photo/d3fC8reMx-vfFatUGtTpww==/5386305154335320926.jpg">&nbsp;<A href="链接地址" target=_blank><FONT color=#ffff00><B>链接名称</B></FONT></A></TD>

说 明∶需要添加更多行,只要复制红色代码部分粘贴其面,直到需要的行数即可。也可制作二列多行或多列多行效果。绿色代码为表格大背景的闪图图片地址、深红表格内背景颜色、可尝试调换。

  评论这张
 
阅读(1694)| 评论(32)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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