最近有好几个朋友对零度空间的导航栏表示很感兴趣,其实我也是从高人share那学来的,今天我就充分发挥互联网共享精神,把方法告诉大家
!
先来唠叨几句为什么要做一个导航,导航可以帮助我们在显要的位置把我们的日志分类显示出来,同时也能把我们自己认为比较重要的日志入口放在显要的位置,比如零度空间的留言本、友情链接等!经过一段时间的使用,我发现效果很好的,所以,建议你也做个导航吧!
donews blog里最先拥有导航的应该是dodo,dodo在他的《DIY Donews blog导航菜单 》给我们提供了一种办法,我也曾经在dodo的帮助下成功的做了一个导航,不过后来不知怎么缘故就不能正常显示了,到现在也不知道是什么缘故,正郁闷呢!dodo的导航栏做得很漂亮,不过他的方法也有缺点,就是公告栏不能加载太多的东西,因为他写的js语句要等公告栏里的代码完全加载后才能提取数据,像零度空间的公告栏,加载了杂七杂八的很多东西,所以只能放弃这个办法了,感兴趣的朋友可以去阅读dodo的《DIY Donews blog导航菜单 》
下面说说我的办法:
先贴代码 (代码位置:公告栏,不是css代码):
大家可以看到,我导航栏里实际上都是图片,只是每张图片对应一个链接而已,你只要把我代码中相应的链接地址和图片改成你的就可以,当然图片处理需要技巧,每一张图片必须高度一样,宽度没有要求!
我的这种办法也是有缺点的,那就是图片的位置是精确定位的,所以导航栏在不同分辨率下在屏幕上的位置是固定的,比如我的在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