第二次主题修改上线
趁着昨天晚上一个网站项目的交工,晚上折腾了一晚上把博客上次未完善的博客主题进行完善,加上了一直就计划的一些jquery效果。
修改的地方主要有
- 默认本窗口的<a>链接打开,点击后变loading,并在左上角出现提示框。
- 侧边栏关闭打开功能。
- 页面上加载左上角的提示,这是用的一个flash(貌似老是有进度条不动的事情)。
- 舍弃了上次的一些CSS3阴影效果。
- 重新搭配了下背景
- 内容的字体修改,以及一些样式的修改。
- 然后就是其他的一些七七八八的小地方。
当然最后我是建议各位看官在chrome下浏览博客。
页面的效果参考了leeiio的博客,页面字体的大小搭配参考了彩程设计的网站。
其中使用到了jquery easing插件来实现边栏的抖动效果。
还有一些小地方以及计划中的东西还需要完善中。
Tags:jQuery 博客 21 views With 1 Comments
像拼图一样设计布局网页。
当然,我说的前提是要去手写HTML 和 CSS.
像用DW那样用DIV拼出来的网页,我真的会很担心而且怀疑是否会在实际的浏览器中错位,这是我坚持一直不用Dreamweaver软件来设计网页的主要原因,虽然有人告诉我Dreamweaver在不停的新版本中都有改进,也有老师给我说,新的Dreamweaver将HTML文档和CSS样式文件结合的更紧密,但对那些在所见所得的环境下机器所生成的代码下,我依然不信任,而对自己手写的代码抱更大的好感。
当然还有一点,我们拼图的过程中要尽量少量的用到<table>,而大部分的布局框架都是用div来完成的。
当我们在开始拼图的时候,我们还需要准备和了解一些东西。
- 你需要知道什么是CSS盒子模型,而且你需要知道position这个选择器。
- 你得会在CSS文件的开头写上这么一句*{padding:0; margin:0, outline:0}
- 当然还有一些会用到的,比如float,overflow等这些控制位置和内容的。
- 布局的时候,你要习惯用div的background来代替 <img /> 标签。
这样一切就变的简单起来。


