说来惭愧啊,主题推出些许天,却还未见专门介绍本主题的文章,其实这篇文章我写了数次了,每次都是因为网通公司封杀路由器导致连接失败从而写的文章出错了,而且也保存不了。坚决鄙视网通公司这种行为。
不说它了,说说这个主题吧,本人是比较懒的,本没有想重新做一个主题。只是gril说博客访问量太少了是因为博客太不漂亮了。哎,她还什么都懂……
有了命令那就执行吧,因为前一个主题是看土豆网比较漂亮就复制过来了,当然这次改版首先要去土豆看看,一看不要紧,结果又被土豆吸引了,征求了一下gril的意见,就决定再次在土豆的基础上做一个又不同于土豆的主题。于是接下来的任务就是上网时查资料、看网站,有空就设计一下样式,主题,模板。其实这些在制作的过程也是经常要做的,因为思路要经常转换一下,呵呵。
至于土豆原始部分的css,就不在这里多做介绍了,虽然修改它也占用了我不少的时间。说说特别的东西吧,什么特别呢,呵呵。其实都是从别人的网站上盗来的,首先是d-haha’s feeling,我最先看重的是页面上部的各种列表,然后结合土豆和d-haha’s feeling实现了现在页面上自动转换效果的文章列表。
关于各文章列表中li的classname的问题,一开始是在不修改插件(注:巴士飞扬写的文章列表插件)的条件上使用页面上的js实现的,结果是用include实现效果比较好,但是在single.html中用js代码调用列表时,页面里面的js没有实现就有的效果,其实就是js无法结每个li设定classname,修改了数次js代码都没有成功,这是一个比较麻烦的事情,情急之下把巴士飞扬的文章列表插件研究了一通,收获不少,如果修改这个插件那是肯定行的,不论是用何种方式调用代码都可行,但是修改插件未得到巴士飞扬的许可啊,哎,先斩后奏吧,自己用,暂不分享,更不用作商业用途也就无所谓了,就算巴士飞扬也不会不同意的,呵呵。
就这样文章列表实现了,而且省去了页面内js代码重定义class的代码(这里只是说列表中,友情链接中的各个链接仍然用js定义class),不能不说让我高兴。
土豆原始栏目的背景图片只有两种类型,那就是左栏文章和右栏分类及列表的背景,现在让我改的连同hover效果共15种了,其实一开始只是为了实现区分我和gril的文章的,但后来把所有的背景都改成拥有hover效果的了,为了支持ie6,使用了onmouseover。一开始是15个图片,在js中触发换图片,但是每次触发后打开的速度不是很快,每次都有一个小小的停顿,重新加载才能显示出相应的图片,于是我把所有相同类型的图片做在同一个图片上,问题似乎是解决了,可是主题一上传到服务器上问题又来了,还是有一个小停顿。这里我脑子里立刻显现出曾经看过的一篇文章,大体是“background-position的用法”之类的,如果在js中只修改background-position是不是就不用重载图片了呢,是不是打开速度就会提升呢?明天再说吧,累了,先睡了……
[time:2009/05/26 21:20]
书接上回,图片加载速度肯定是提升了,准确的说不应该是加载,因为没加载,只是在onmouseover时,将背景图片position改变(左移或右移)而已,问题成功解决。
再说说博客搜索代码,一开始就定下了这四种形式,但是土豆原先的搜索实现js代码老是有错而且太长太多冗余,所以只能是自己一点点写了,配合它这个模式写实现搜索的js代码,经过努力最终还是成功了,激动啊,呵呵
[time:2009/05/27 11:39]
1.js实现了显示文章页面或分类页面时,相关的分类高亮显示;
2.模仿土豆网和haphic实现分类列表下拉显示;
3.各页面上所显示列表实现自动切换效果,每10秒转换一下,在点击某一选项时终止自动转换;
4.js调用“关于本博客”等页面,方便修改,但仍有优化空间,当前为修改文件,可修改为后台管理;
5.为填充顶部空白处,特从google”盗取”其栏目显示方式,并至今未修改,应该修改其图片显示;
6.应gril需要有一个相册的要求,安装了haphic插件,以显示附件中的图片;
7.修改了巴士飞扬的插件,以达到列表显示目的,但是动态页面的评论和留言列表仍调用默认列表,通过js实现classname;
8.各栏目标题全部背景图片显示,并减少了广告显示,但预留广告位,以备不时之需;
9.成功解决各版本浏览器之间的兼容问题,第一次使用了opera hack;
10.将原先个人cms中转载的文章导入博客,但版权信息无法查找,如果侵犯了您的权利,请联系我删除相关文章。
行文到此,感觉一个博客也没什么好说的,就这样吧,三天就写了这点,行啊,算是一个主题的小小介绍吧,话不在多。自创就行;转载亦可,敬请署名……
主题特别感谢:土豆网(提供这么好的主题模板,未得到其授权,而且都没机会谢谢他们的技术团队,呵呵)
haphic(博客主题样式有一部分参考其博客,并运用其制作的基于 z-blog 附件的相册插件)
巴士飞扬(经常去其博客查找相关插件制作资料,并运用其制作的列表插件(文章排行))
需要感谢的还有很多,因为有太多网站在这次博客模板的制作中给了我许多灵感,有许多网站上的代码资料让我解决了一个又一个难题,在此一并感谢下。
Related posts:
能不能提供下载啊?可以的话发一份到我邮箱可以吗