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

烈焰红唇

交友学习QQ相册密码29

 
 
 

日志

 
 

【转载】【秘籍】几种实用的首页导航代码  

2014-09-03 12:50:16|  分类: 【博客代码】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自烟雨朦朦的博客《【秘籍】几种实用的首页导航代码》

 

 

 

  几种实用的首页导航代码

㈠表格式①

代码:

<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>

效果:

你的文字01 你的文字02 你的文字03
你的文字04 你的文字05 你的文字06
你的文字07 你的文字08 你的文字09
你的文字10 你的文字11 你的文字12
你的文字13 你的文字14 你的文字15
你的文字16 你的文字17 你的文字18

 【秘籍】教你看博客的基本代码 - 寒烟的博客 -

㈡表格式②

代码:

<TABLE borderColor=#7f05fb cellSpacing=8 cellPadding=0 width="50%" bgColor=#ffffcc border=5>

<TBODY>

<TR>

<TD>

<P style="TEXT-INDENT: 2em" align=center><A href="此处填写连接地址"><STRONG>这里填写导航文字</STRONG></A><STRONG> </STRONG></P></TD>

<TD>

<P style="TEXT-INDENT: 2em" align=center><A href="此处填写连接地址"><STRONG>这里填写导航文字</STRONG></A><STRONG> </STRONG></P></TD></TR>

<TR>

<TD>

<P style="TEXT-INDENT: 2em" align=center><A href="此处填写连接地址"><STRONG>这里填写导航文字</STRONG></A><STRONG> </STRONG></P></TD>

<TD>

<P style="TEXT-INDENT: 2em" align=center><A href="此处填写连接地址"><STRONG>这里填写导航文字</STRONG></A><STRONG> </STRONG></P></TD></TR>

<TR>

<TD>

<P style="TEXT-INDENT: 2em" align=center><A href="此处填写连接地址"><STRONG>这里填写导航文字</STRONG></A><STRONG> </STRONG></P></TD>

<TD>

<P style="TEXT-INDENT: 2em" align=center><A href="此处填写连接地址"><STRONG>这里填写导航文字</STRONG></A><STRONG> </STRONG></P></TD></TR>

<TR>

<TD>

<P style="TEXT-INDENT: 2em" align=center><A href="此处填写连接地址"><STRONG>这里填写导航文字</STRONG></A><STRONG> </STRONG></P></TD>

<TD>

<P style="TEXT-INDENT: 2em" align=center><A href="此处填写连接地址"><STRONG>这里填写导航文字</STRONG></A> </P></TD></TR></TBODY></TABLE>

效果:

博客制作

精典博客

人生精典

社会广角

家庭生活

名人简介

电脑技术

在线工具

 【秘籍】教你看博客的基本代码 - 寒烟的博客 -

㈢表格式③

代码:

<HR width="100%" color=#ff00ff SIZE=10>

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#ffffcc height=40>

<TD width="100%">

<P></P>

<P style="TEXT-INDENT: 2em">【日志导航】 </P>

<P></P>

</TD></TR></TBODY></TABLE></P>

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#ffffcc height=20>

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

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

<TD width="33.3%"><A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#ffffcc height=20>

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

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

<TD width="33.3%"><A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#ffffcc height=20>

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

<TD width="33.3%"><A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A></TD></TR></TBODY></TABLE>

<HR width="100%" color=#ff00ff SIZE=10>

说明:

1、width="33.3%"是横格,100%分成三份。如是四个横格,就是25%。以此类推。

2、height=20 每格的高度。将代码中的“地址”和“标题”换成自己文章的地址和标题。

<HR width="100%" color=#0000ff SIZE=10> 是上下蓝色条代码,可换上自己喜欢的颜色。

3、Color=#ffffcc (TR bgColor=#ffffcc 每一行的乳黄色背景)(bgColor=#ff0000 边框颜色) (HR width="100%" color=#ff00ff 上下两行的主色)颜色可调。

4、如想增加表格 按上面代码的规律可继续填加。

效果:


【日志导航】

博客 艺术 历史

名博 学习 图文

音画 保健


 

㈣图片导航类

①三列代码:

<TABLE borderColor=#ff0000 cellSpacing=10 cellPadding=0 width="80%" bgColor=#080808 border=3>

<TBODY>

<TR>

<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>

<P>&nbsp;<A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称 </FONT></A> </P>

</TD>

<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>

<P>&nbsp;<A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称</FONT></A> </P>

</TD>

<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>

<P>&nbsp;<A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称</FONT></A> </P>

</TD>

</TR></TBODY></TABLE>

②两列代码:

<TABLE borderColor=#ff0000 cellSpacing=10 cellPadding=0 width="80%" bgColor=#080808 border=3>

<TBODY>

<TR>

<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src=" 此处是图片地址" width=80 border=0></A>

<P>&nbsp;<A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称</FONT></A> </P>

</TD>

<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src=" 此处是图片地址" width=80 border=0></A>

<P>&nbsp;<A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称</FONT></A> </P>

</TD>

</TR></TBODY></TABLE>

说明:

1、导航地址即是你的日志地址。必须去除日志网址后的/edit/,否则就答非所问了。

2、borderColor是图片外框线颜色,可调。

3、bgColor是背景颜色,可调。

4、color=#ff0000是字体颜色,可调。

5、width="80%是边框大小,可以根据自己模块大小调节。

6、从美观的角度看,其余的项目可以不用调。

 

 

 

㈤简洁式

<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>┆</TD></TR>

<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>┆

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

效果:

博客制作精典博客历史文化
原创文学心情随笔原创摄影

【秘籍】教你看博客的基本代码 - 寒烟的博客 -

㈥标签式

<P><FONT size=2>●</FONT><A href="此处填写连接地址" target=_blank><FONT color=#ff3300 size=2>这里填写导航文字</FONT></A></P>

<P><FONT size=2>●</FONT><A href="此处填写连接地址" target=_blank><FONT color=#ff3300 size=2>这里填写导航文字</FONT></A></P>

<P><FONT size=2>●</FONT><A href="此处填写连接地址" target=_blank><FONT color=#ff3300 size=2>这里填写导航文字</FONT></A></P>

<P><FONT size=2>●</FONT><A href="此处填写连接地址" target=_blank><FONT color=#ff0000 size=2>这里填写导航文字</FONT></A></P>

效果

博客代码

P S教程

音乐欣赏

原创小说

 

㈦让表格的背景闪动起来

方法很简单,就是在下面蓝色代码中加进一个导入图片的代码background ,然后在等号后面添加一个闪动图片的网址:

http://img.blog.163.com/photo/cD6X2LoK-FvSArity-9VoA==/3669870746353827890.jpg

没有这样的图片,可自己在gif软件中或在photoshop这个软件中制作一个。

代码:

<TABLE borderColor=#ffcc00 cellSpacing=6 cellPadding=6 width=200 align=center background=http://img.blog.163.com/photo/cD6X2LoK-FvSArity-9VoA==/3669870746353827890.jpg border=1>

<TBODY>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

<TR>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD>

<TD width="50%">

<P align=center><A href="地址" target=_blank><STRONG>☆名称☆</STRONG></A></P></TD></TR>

</TBODY></TABLE>

效果:

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

☆名称☆

 

 

  


网页代码大全 - . - .

  评论这张
 
阅读(35)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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