css html theme 这个月基本都没怎么更新博客了,前段时间过年,家里家外的忙个不停,一次打开博客忽然要不给博客换个主题,新年新气象。哈哈,当时也没有多想就张罗着挑选主题了,结果一找就是两三天,有的在本地测试的很不错的,可是拿到服务器上就不行,有的皮肤看着不错,可惜CSS和代码一团乱麻,以我现在的道行跟本理不清头绪。最后决定使用这款由日本mono-lab公司制作的monochrome主题,喜欢这款主题的配色以及简约的风格。在这里感谢我的朋友looki.cn,是他让我注意到这款主题的。

好了,废话不多说,总结一下这些天来通过修改主题学到以及遇到的问题。

  1. 评论里的背景图片,其实就是一句background 就可以实现,我的主题用的是这样一句话:
    .textarea{
    background: url(img/bg.png) no-repeat center center;
    }
  2. inline-block的元素特点: 对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性),然而并不是所有浏览器都支持此属性,目前支持的浏览器有:Opera、Safari在IE中对内联元素使用display:inline-block,IE是不识别的,但使用display:inline-block在IE下会触发layout,从而使内联元素拥有了display:inline-block属性的表症。从上面的这个分析,也不难理解为什么IE下,对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被display:inline-block触发了layout,而它本就是行布局,所以触发后,块元素依然还是行布局,而不会如Opera中块元素呈递为内联对象。(插播一句题外话,Youtube宣布3月13日将停止对IE6的支持,可喜可贺,又向标准迈了一大步! :))
  3. 分页浏览时,原主题使用了”page/3″的形式,而我的博客因为空间问题,“固定链接”必须设置成index.php为前缀。进入主题源码,修改代码为“index.php/page/3”即可。
  4. 边栏“最新评论”插件里,在where后面插入 AND comment_author != ‘phil’ 就可以实现不显示管理员的评论了。这个方法适用于我这样的,不经常上网,等打开网站后需要批量回复评论,在列表里显示的就全是我的评论了。把我的评论屏蔽掉好了,只是屏蔽掉,不是删除掉。

不解之处

  1. 对于评论处,用的是Highslide4WP插件,有一段时间,如果开启FireBug时,连着输入两个图标时,会出现一个Error,导致无法继续浏览或留言,后来不知哪里原因,换了一组图标又好了。难道不是代码的问题?
  2. 试了mail2qzone这个插件,但是没有办法正常发送到QQ空间。不知道何种原因,据出错提示来说,应该是空间不支持某个函数,可是用探针测试是支持的,纠结。如果有人知道办法,烦请提醒,谢谢。
  3. 首页sider上那个js实现的时间每次加载的时候很慢。不知道有没有办法可以加速这个地方的显示。在网页源文件里有这段代码,欢迎感兴趣的朋友一起探讨学习。

最后总结

  • 遇到问题不要急,要慢慢的思考,对于PHP代码修改,要有大局观,不要在小范围内徘徊。要跳出语句间的小关系,想想如果是怎么写这些代码会怎样写,会有哪些情况,就像“事件驱动”一样,找到大的方向后再从细节寻找。
  • FireBug是个好插件,建议所有正在学习CSS或是任何网页编程的朋友都接触一些,如果习惯下来确实可以为你的调试节省很多时间。
  • 51的免费外链相册不能用了,终于有理由把图片转移到flickr上了。专门下了个flickr uploadr,以后