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

 
 
 

日志

 
 
关于我

我是一个美丽大方、活泼可爱的小女孩,欢迎你来参观我的天地,让我们一起分享精彩和甜蜜吧

博客首页文字导航代码 (4款)  

2007-08-11 16:30:41|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

使用方法

 把原始代码直接放到博客首页自定义HTML模块里面,但是要看您使用的博客或网站是否支持此代码!

 

第一种

 

效果图;

 

这里填写导航文字这里填写导航文字这里填写导航文字这里填写导航文字这里填写导航文字这里填写导航文字

 

 

 原始代码:

<DIV style="LEFT: 165px; ; TOP: 194px">
<TABLE cellSpacing=0 cellPadding=0 width=550 border=0>
<TBODY>
<TR>
<TD>

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆

</TD></TR></TBODY></TABLE></DIV>

 

 

第二种

 

 效果图:

 

你的文字 你的文字 你的文字
你的文字 你的文字 你的文字
你的文字 你的文字 你的文字
你的文字 你的文字 你的文字
你的文字 你的文字 你的文字
你的文字 你的文字 你的文字

 

 

 

 原始代码:

 

<TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=20>
<TD width="33%"><A href="链接地址#1">你的文字</A></TD>
<TD width="33%"><A href="链接地址#2">你的文字</A></TD>
<TD width="33%"><A href="链接地址#3">你的文字</A></TD></TR>
<TR bgColor=#dbe4f4 height=20>
<TD width="33%"><A href="链接地址#4">你的文字</A></TD>
<TD width="33%"><A href="链接地址#5">你的文字</A></TD>
<TD width="33%"><A href="链接地址#6">你的文字</A></TD></TR>
<TR bgColor=#dbe4f4 height=20>
<TD width="33%"><A href="链接地址#7">你的文字</A></TD>
<TD width="33%"><A href="链接地址#8">你的文字</A></TD>
<TD width="33%"><A href="链接地址#9">你的文字</A></TD></TR>
<TR bgColor=#dbe4f4 height=20>
<TD width="33%"><A href="链接地址#10">你的文字</A></TD>
<TD width="33%"><A href="链接地址#11">你的文字</A></TD>
<TD width="33%"><A href="链接地址#12">你的文字</A></TD></TR>
<TR bgColor=#dbe4f4 height=20>
<TD width="33%"><A href="链接地址#13">你的文字</A></TD>
<TD width="33%"><A href="链接地址#14">你的文字</A></TD>
<TD width="33%"><A href="链接地址#15">你的文字</A></TD></TR>
<TR bgColor=#dbe4f4 height=20>
<TD width="33%"><A href="链接地址#16">你的文字</A></TD>
<TD width="33%"><A href="链接地址#17">你的文字</A></TD>
<TD width="33%"><A href="链接地址#18">你的文字</A></TD></TR></TBODY></TABLE>

 

第三种

效果图:

 

 这里填写导航文字

 这里填写导航文字

 
 

原始代码:

 

     <TABLE borderColor=#ffffff cellSpacing=5 cellPadding=0 width="25%" bgColor=#003399 border=2>
<TBODY>
<TR>
<TD><A href="
链接地址1" target=_blank><IMG height=80 src="

你的图片地址" width=120 border=0></A>
<P>&nbsp;<A href="
链接地址1" target=_blank><FONT color=#ffff00 size=2>这里填写导航文字</FONT></A> </P></TD>
<TD><A href="
链接地址2" target=_blank><IMG height=80 src="你的图片地址" width=120 border=0></A>
<P>&nbsp;<A href="
链接地址2" target=_blank><FONT color=#ffff00 size=2>这里填写导航文字</FONT></A> </P></TD></TR></TR></TR></TBODY></TABLE>

 

 

第四种

效果图:

关于佳佳


佳佳相册


佳佳视频


佳佳日志


佳佳好友


佳佳圈子


佳佳论坛



<P><IMG height=330 hspace=30 src="图片地址" width=90 align=left border=0><img src=http://img.blog.163.com/photo/dSBmAja-FIU8KC9oXcrLRw==/4306004193719886196.jpg><A href="你的链接地址" target=_blank><FONT color=#ff00ff>文字说明</FONT></A></P><BR><img src=http://img.blog.163.com/photo/qv9wPjo1ylJQTA_9C2EAdg==/1452410879827206426.jpg><A href="你的链接地址" target=_blank><FONT color=#ff00ff>文字说明</FONT></A></P><BR><img src=http://img.blog.163.com/photo/wY-YlN2UTe-jM6XGX97v0Q==/4306004193719886198.jpg><A href="你的链接地址" target=_blank><FONT color=#ff00ff>文字说明</FONT></A></P><BR><img src=http://img.blog.163.com/photo/i4eewW8nHXJ2_B5PW8TcCw==/645422121597836894.jpg><A href="你的链接地址" target=_blank><FONT color=#ff00ff>文字说明</FONT></A></P><BR><img src=http://img.blog.163.com/photo/jpZOpWwgmVZy4DDDz6LPxg==/1452410879827206424.jpg><A href="你的链接地址" target=_blank><FONT color=#ff00ff>文字说明</FONT></A></P><BR><img src=http://img.blog.163.com/photo/1MSarI-5-c74wQFFEJ_EDQ==/1452410879827206425.jpg><A href="你的链接地址" target=_blank><FONT color=#ff00ff>文字说明</FONT></A></P><BR><img src=http://img.blog.163.com/photo/CV7oIkl3DNJpIN0EQWZrig==/1164461978652207827.jpg><A href="你的链接地址" target=_blank><FONT color=#ff00ff>文字说明</FONT></A></P><BR><img src=http://img.blog.163.com/photo/9ApjYEoFLtQ2x5uXrmNbkQ==/2297680234889313965.jpg><A href="你的链接地址" target=_blank><FONT color=#ff00ff>文字说明</FONT></A></P><BR></P>

说明:红色部分表示一个链接,可以根据自己的需要重复使用从而增加链接的数目,两个链接之间可使用代码<br>来换行。height=是图片高度,width=是图片宽度,hspace=是图片与链接文字之间的距离,可以自己调整数值,align=left将left换成right则变为在图片左边加带文字的链接。

 

园长:佳佳    欢迎您的大驾光临!

  评论这张
 
阅读(700)| 评论(13)
推荐 转载

历史上的今天

评论

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

页脚

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