零度空间

   

最近有好几个朋友对零度空间的导航栏表示很感兴趣,其实我也是从高人share那学来的,今天我就充分发挥互联网共享精神,把方法告诉大家

先来唠叨几句为什么要做一个导航,导航可以帮助我们在显要的位置把我们的日志分类显示出来,同时也能把我们自己认为比较重要的日志入口放在显要的位置,比如零度空间的留言本、友情链接等!经过一段时间的使用,我发现效果很好的,所以,建议你也做个导航吧!

donews blog里最先拥有导航的应该是dodo,dodo在他的《DIY Donews blog导航菜单 》给我们提供了一种办法,我也曾经在dodo的帮助下成功的做了一个导航,不过后来不知怎么缘故就不能正常显示了,到现在也不知道是什么缘故,正郁闷呢!dodo的导航栏做得很漂亮,不过他的方法也有缺点,就是公告栏不能加载太多的东西,因为他写的js语句要等公告栏里的代码完全加载后才能提取数据,像零度空间的公告栏,加载了杂七杂八的很多东西,所以只能放弃这个办法了,感兴趣的朋友可以去阅读dodo的《DIY Donews blog导航菜单

下面说说我的办法:

先贴代码 (代码位置:公告栏,不是css代码):

 

index:1">
 

class=new
>
   


     

     

     

     


   


 

http://blog.donews.com/images/blog_donews_

com/winnersong/109962/o_首页.JPG" width="60" height="20" border="0" alt=首页  >


category/89326.aspx>src=" http://blog.donews.com/images/blog_donews_

com/winnersong/109962/o_网络.JPG" width="60" height="20" border="0" alt=网络  >

category/71307.aspx>src=" http://blog.donews.com/images/blog_donews

_com/winnersong/109962/o_读书.JPG" width="60" height="20" border="0" alt=读书   >

category/90703.aspx>

http://blog.donews.com/images/blog_donews

_com/winnersong/109962/o_娱乐.JPG"  width="60" height="20" border="0" alt=娱乐 >

category/71303.aspx>

http://blog.donews.com/images/blog_donews

_com/winnersong/109962/o_心情.JPG"  width="60" height="20" border="0" alt=心情 >

category/98547.aspx>

http://blog.donews.com/images/blog_donews

_com/winnersong/109962/o_技巧.JPG"  width="60" height="20" border="0" alt=美化donews blog >

archive/2006/02/25/741997.aspx>http://blog.donews.com/images/blog_donews

_com/winnersong/109962/o_留言.JPG"  width="60" height="20" border="0" alt=有问题给我留言 >

archive/2006/04/08/818690.aspx>http://blog.donews.com/images/blog_donews_

com/winnersong/109962/o_友情.JPG"  width="80" height="20" border="0" alt=和零度空间友情链接 >



 

大家可以看到,我导航栏里实际上都是图片,只是每张图片对应一个链接而已,你只要把我代码中相应的链接地址和图片改成你的就可以,当然图片处理需要技巧,每一张图片必须高度一样,宽度没有要求!

我的这种办法也是有缺点的,那就是图片的位置是精确定位的,所以导航栏在不同分辨率下在屏幕上的位置是固定的,比如我的在1024*1024下看就会显示不正常,在800*600下勉强还可以欣赏,当然在1024*768下就非常漂亮了!呵呵,自夸了,不过大多数人都用1024*768,那就考虑大部分人的感受吧!

两点注意:

1.请注意代码中的红色部分,left和top元素就是用来控制导航栏的位置的,朋友们请根据自己的模板来调节这两个元素的大小,使导航栏达到理想位置!

2.把代码贴在公告栏里的最上面,这样导航栏就会最先被加载,而不会受其他代码的影响!

有问题欢迎留言!

 

相关阅读:《我也来美化donews blog系列

本篇文章使用aigaogao Blog软件发布, “我的Blog要备份”



Trackback: http://tb.donews.net/TrackBack.aspx?PostId=875377


[点击此处收藏本文]  发表于2006年05月18日 9:45 PM




正在读取评论……

发表评论

大名:
网址:
验证码
评论 
   

news

订阅零度空间

Donews INOUT


导航

blog stats

文章

收藏

相册

你来我往

友情站点

存档


正在读取评论……