Moming25's Labs

在做ECShop主题的过程中，碰到不少问题，大部分问题都是出现在各种不同浏览器的差异性！其中最怪异的要算是display:inline-block;

我想要的效果是这样的：

相同简单的一个效果，因为之前使用display:inline-block一直没有出现什么奇怪的效果，所以我在这里也使用这个语句（其实这种 等高的情况并不需要，最开始是自适应高度的，所以用上了），不过后来发现在IE6下出现了一个相当奇怪的问题，右边产品列表的div比正常情况多出了一个空白边，我这里是15px,以至于整个div就掉到下面去了。

因为对display:inline-block的属性没有足够了解，我只能重写这部分的CSS，最后发现是这个属性的问题。

刚刚搜索了一下相关的资料，才知道，IE8以下，firefox3以下都是不支持这个属性的，具体的解决办法我就不写太多了，列一些参考文章，做下笔记。

display:inline-block的深入理解
display:inline-block的应用两例
模拟兼容性的 inline-block 属性
跨浏览器的inline-block

在制作ECShop主题的时候，有关评论部分，我们想增加一个头像显示的功能，而ECShop本身是不支持头像功能的。作为一个WordPress使用者，首先想到的自然是Gravatar，全称叫做“Globally Recognized Avatar”，翻译过来叫做全球通用头像。Gravatar在WordPress中相当广泛，记忆中应该从2.5版本开始，官方就支持头像显示了。

使用Gravatar的好处是显而易见的，相比在ECShop中再增加一个头像功能，使用Gravatar提供的API来集成头像系统可以减少网站自身的开销，而且也可以减少用户使用上的复杂程度。

实际使用效果可以看下图：

更多效果可以到这个网站上尝试一下！

虽然效果是实现了，但是用的方法比较麻烦，需要进一步的改进！

不知道有没有其他朋友尝试过做类似的工作，可以交流一下！

历经三个版本的更改，终于把最后的主题确定下来，并且花了不少的时间去完成。

虽然不能算是非常熟练，但是现在要为ECShop制作主题，还是可以的，当然，距离高手们还有一段距离，需要的时间也比较长。

nawo.com—那沃，所使用的主题将是我制作的首个ECShop成品主题。