Blog近期改动小记
8 views 六月 17, 10 by Timothy近期对Blog改动较多,不过俺发现对自己Blog还是有许多不太满意的地方,所以又开始折腾了。
1.首先,增加了Blog顶部和尾部快速滚动的功能,大家可以看到在Blog左下角,有一个向上和向下的箭头图标,点击相应的图标,即可实现Blog顶部和尾部的快速滚动了。其实当初是想作成在Blog尾部双击鼠标,就可以快速回到Blog顶部的,后来林木木同学提议这样做会在用户填写评论的时候,不小心双击,有一定的冲突。后来,就做成了左下角的滚动图标。滚动图标的图片,是从网上找来的,滚动图标的CSS实现,是从ZWW同学那里偷师来的,滚动效果,jQuery实现,也是从林木木同学那里偷师来的。
2.将右上角的twitter,facebook,rss三个图标图标和左下角的快速滚动图标,加上了动态效果。默认是半透明的,鼠标悬停后,变为不透明,CSS实现。效果还不错,感觉有用的同学,可以直接参考本Blog的CSS样式表了。
3.第三个改动,也是我感激挺有用的。常常评论的同学,每次都要重复输入用户名、邮箱和网页地址,这是相当繁琐的,为了改善体验,参考了林木木同学的一篇文章。原理是通过PHP获取用户的Cookie,把先前的用户名、邮箱、网页地址统统取出来,默认给填好,并把这三个框给隐藏起来。这样看起来就好像用户已经登录的样子,再也不用重复输入了。这项改动挺实用的,确实能为你的Blog改善不少的用户体验,建议有兴趣的同学都能用上。
4.启用了Google XML Sitemap插件,这个,不用说了,感觉很重要的插件,不过我现在才启用……
5.为文章标题的点击事件,加上了jQuery效果。点击时,显示”页面加载中…”,然后进行跳转,感觉这样变动态了一些。
这次的折腾,就到这里了,尽管是偷师,但是感觉也从中学到了不少,特别是CSS和jQuery。或许以后还会对Blog进行更多的改进,等下次再折腾了。
声明: 此Blog中的文章和随笔仅代表作者在某一特定时间内的观点和结论,对其完全的正确不做任何担保或假设
本站文章均采用 知识共享署名-相同方式共享3.0 协议进行授权,除非注明,本站文章均为原创,转载请注明转自 Timothy's Space 并应以链接形式标明本文地址!
前端后端一起折腾,哈哈
@久酷: 这样可以学到不少东西
有颗不满足的心~~折腾无止尽~
@林木木: 是的,呵呵。
不知道你做了什么改动,在google reader里无法显示格式了
@xjb: 确实格式有点问题,研究中……
可以哦,我都好久没有折腾了。
等这次VPS搞定了后,继续折腾。
@BEN: 把blog也迁到Linode
我的屏幕分辨率,太低了?
1024*768
会出现水平滚动条。。。
@lonkil: 我试过,确实有滚动条,不过我宽度设的1000px,不知为啥1024也有滚动条了
很好很不错,互相偷师吧
◎zwwooooo: 呵呵,偷师也是互相学习的过程……