Home > Archives > FakeBlogger主题初步完成

FakeBlogger主题初步完成

Publish:

主题终于基本上算是完成了.上次给大家说的那个快完成的,我还是重新写了一遍.

原因是我发现如果按照原来主题的写法来写css的话,太麻烦,而且重用性太低.主要就是这个背景图的使用上.原主题是每个元素都要设置一个背景.光写css就累个半死,还要不断调整元素位置.所以我把这部分css重写了.让外层元素使用body背景,Y向重复.第一个子元素使用head背景,最后一个元素使用foot背景.这样中间的一些元素就不用再设置背景了.另外将这个写到一个class类中,重用性马上就体现出来了.

第一次写的时候,光调整元素位置就费了我好长时间.这次使用class类重用的方法,一个调整好,就全部调整好了.看来还是要好好学习才行啊.

另一个原因就是 html结构的问题.虽然上次写之前,我就计划了一下,但是没注意,而且又是第一次写,在写的过程中,又添加了不少部分,所以把结构弄的挺乱.

第二次,我首先计划好需要什么功能,以及为以后想要添加的js功能留好明了的结构.比如首页Ajax翻页等等.

另外由于主题宽度以及美观问题,我将头像全部去掉了.

今天基本上弄完了,我也已经换上了.由于我第一个主题用的是PhilNa2,所以这个主题带有浓厚的PhilNa2色彩.对于细节的处理,功能的实现,都仿照PhilNa2来弄的.另外还有一些功能就是直接从PhilNa2中拿的,这里要对yinheli同学表示感谢.

完成功能(很大一部分是从PhilNa2中拿的,不再一一说明)

  1. 重写部分css html结构.
  2. Ajax提交评论功能.支持评论分页
  3. 回复别人添加@链接. 引用别人的回复
  4. 侧栏最新评论 最新文章 随机文章彩色标签云
  5. 自定义导航菜单. 支持纯css下拉二级菜单. 但是配色还没有弄好.
  6. 文章页的相关文章
  7. 文章最后添加版权信息.(后台设置)
  8. 自动设置 keywords和description信息
  9. 后台选项. 可设置 google代码统计 keywords和description信息 首页截断字数 版权信息
  10. 添加我用的PhilNa2中的几个页面模板.
  11. 小墙 some chinese please检查 以及 冒充管理员邮箱检查

好像就这么多了,我先趁着新鲜用几天,呵呵.另外计划添加@链接鼠标悬浮显示,还有首页ajax翻页功能.看看我能不能折腾出来吧.呵呵

声明: 本文采用 BY-NC-SA 授权。转载请注明转自: FakeBlogger主题初步完成 - 自说Me话