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

寒冬白雪的博客

 
 
 

日志

 
 

日志导航(转载学无止境)  

2009-12-11 20:16:31|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 效果图:

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

日志导航(转载学无止境) - 寒冬白雪 -  寒冬白雪的博客

 

(我的博客素材的“日志导航”代码)

制作首页漂亮的日志导航图片,首先感谢叶木青老师的无私奉献。是老师提供的导航图代码和老师的导航图启发了我。我从代码的内容分析,包括以下几部分含义。也就是事先要做的准备工作。

1.制作导航小图片,为了美观,制作有动感的GIF图片(我制作12个)。嫌麻烦,可以使用现成的图片。(大小:100*100;或100*120;  100*130)——上传到博客相册——获取网址(12个)

2.整理出要链接的12篇日志的网址(共12个)

制作“日志导航”代码

 <TABLE cellSpacing=3 width=440 align=center borderColor=#00FFFF         background=http://img.blog.163.com/photo/2JoEAsw5M5oFsPpkvDdqIg==/4519080751089951698.jpg       border=2><TBODY>

<TD><A href="http://lilan3639.blog.163.com/blog/static/52310515200911564616181/"         target=_blank><IMG height=130   src="

http://img457.ph.126.net/Tb1yRrmVsO_0ji6Sd-zo8w==/1574008069767037745.gif"   width=100 border=2></A><P align=center></P></TD>

 <TD><A href="http://lilan3639.blog.163.com/blog/static/52310515200911315653128/"         target=_blank><IMG height=130  src="    

http://img233.ph.126.net/Pd162I96fpkvV5BBR9deCA==/1754433529839229163.gif"   width=100     border=0></A><P align=center></P></TD>

 <TD><A href="http://lilan3639.blog.163.com/blog/static/523105152009101665524939/"         target=_blank><IMG height=130 src="http://img840.ph.126.net/PswUUec7wIh7GxG4HUEczg==/792915009395600892.gif"   width= 100  border=1></A><P align=center> </P></TD>

 <TD><A href="http://lilan3639.blog.163.com/blog/static/52310515200911472234183/"         target=_blank><IMG height=130       src="http://img.ph.126.net/R_ybPsEQdnwPFmBxgm181A==/3232458632545550099.gif"         width=100 border=0></A><P align=center>

</P></TD>  

<Tr>

 <TD><A href="http://lilan3639.blog.163.com/blog/static/52310515200911482340238/ "         target=_blank><IMG height=130     src="http://img610.ph.126.net/Pu9yTJCrVuXffd4Y9bg9mQ==/1951184538559669296.gif"     width=100 border=2></A><P     align=center></P></TD>

 <TD><A href="http://lilan3639.blog.163.com/blog/static/5231051520091029540998/"         target=_blank><IMG height=130   src="     http://img233.ph.126.net/pAUHnXrqdbBoe3sH5TDtCQ==/1754433529839229150.gif"     width=100     border=0></A><P align=center></P></TD>

 <TD><A href="http://lilan3639.blog.163.com/blog/static/52310515200911214343732/"         target=_blank><IMG height=130    src="   http://img233.ph.126.net/pe62ESadoiDc9dBs9umWsw==/1754433529839229161.gif "   width= 100  border=1></A><P align=center> </P></TD>

 <TD><A href=" http://lilan3639.blog.163.com/blog/static/52310515200911561042309/"         target=_blank><IMG height=130   src="

http://img617.ph.126.net/DG-hbuCP-vR4q-zjLnF2Fw==/1661265312547862777.gif"         width=100 border=0></A><P align=center>

</P></TD><Tr>

 <TD><A href="http://lilan3639.blog.163.com/blog/static/5231051520091132028323//"         target=_blank><IMG height=130  src="      

http://img691.ph.126.net/75-EO58fhm_FWvrgVWg9Kw==/2834734490454183411.gif"   width=100 border=2></A><P align=center></P></TD>

 <TD><A href="http://lilan3639.blog.163.com/blog/static/5231051520091118360455/ "         target=_blank><IMG height=130  src="     http://img691.ph.126.net/04kPacbuOVuNjGtGA9_2uw==/2834734490454183405.gif"   width=100     border=0></A><P align=center></P></TD>

 <TD><A href="http://lilan3639.blog.163.com/blog/static/52310515200910308527516/"         target=_blank><IMG height=130 src="http://img691.ph.126.net/pPE3S78KPE4t5gSx_pFXWw==/2834734490454183401.gif"   width= 100  border=1></A><P align=center> </P></TD>

 <TD><A href="http://lilan3639.blog.163.com/blog/static/5231051520091027115849201/"         target=_blank><IMG height=130   src="

http://img691.ph.126.net/Pv8uxv-6I0TcAW7vzU4V9w==/2834734490454183403.gif"    width=100 border=0></A><P align=center>

</P></TD>  

 </Tr></Tr></TABLE>

 对代码的解释:

1.  在篮色区域,换上自己的日志的网址。

2.  在绿色区域,换上自己的导航图片的网址。

3.  注意“博客网址”和“导航图片的网址”在每组代码中要对应好。不要张冠李戴。

4. 黑色区域的代码不要改动。

5.代码使用:

在首页建立自定义模块——命名“日志导航”——确定——编辑——粘贴代码——确定——完成。(很可能,效果不尽人意。打开编辑,仔细检查代码,核对查找原因,除了网址输入重复或错位之外,就要查找代码换行,空位,符号……..问题。)

我对代码很不在行。只是初学套用。有错误请朋友帮助指正

  评论这张
 
阅读(28)| 评论(1)
推荐

历史上的今天

评论

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

页脚

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