这些天弄朋友的博客调整无数次CSS，现在有了些小小心得记录下来。
使用的主题是Colorful，这个在上一篇文章中已经提到过了。在应用这个模板之初的时候，在各种浏览器下的表现都不是很理想。这款主题有点奇怪，它支持动态Sidebar，但却又不像大多数主题那样默认显示在右边，而是在左上角。具体效果可以看看车迷婆婆的博客。
我不想对原主题改动太多，因此就没有动把动态Sidebar改到右边的念头，我只是在左上角用了中文WordPress工具箱来显示最新留言和最新文章。
启用中文WordPress工具箱之后，默认是显示5条最新留言，可惜在IE6下会挣破主题的头部图片，我只得将其设置成只显示最新的4条留言。但是如果遇上一些喜欢用很多空格和无数重复标点的怪人就没辙了，还是会对IE造成一定影响。因此这也是我在上一篇文章中说到的——IE很废。
主题是个很漂亮的主题，五颜六色，色彩斑斓，跟博主也十分相称（不太适合男孩子）。但由于博主是个聋哑人，她只能在博客中用大量的图片来展示自己的生活。因此index页面会比较长。为了让侧边栏不至于过于空洞同时也为了增加更多的功能，我在原基础上又增加了4个分类来充实内容。这是问题出现了——有的内容居左。可以看看下面的两张截图。
从这两张图片可以看出，Filckr相册和标签云全都挤到左边去了，而且标签云的右侧还溢出了。
这无疑是在给这个漂亮的主题抹黑。
对于一个熟悉CSS的人来说，可以很快的找到问题所在，但对于我这样的半罐水，却是一个不大不小的难题，我要么就攻克它，要么就逃避它。值得骄傲的是在这个问题面前我勇敢地选择了前者。
几经寻找，我找到了问题所在。在原CSS代码中定义侧边栏属性中是这么写的：
#sidebar ul ul{
list-style : none;
margin : 0;
padding : 0;
}
list-style : none;
margin : 0;
padding : 0;
}
通过用XAMMP在本地调试后，我最终将其改为下面的代码：
#sidebar ul ul{
list-style : none;
margin : 0;
padding : 9px 23px 0px 9px;
}
list-style : none;
margin : 0;
padding : 9px 23px 0px 9px;
}
最后刷新，效果不错。
5 Comments
呼呼……博主也是高手了！我倒是刚刚接触WP一个月左右……说来惭愧，在WP论坛光潜水了……
那个相册的具体使用方法，我整理下，明天发出来吧！谢谢你的关注！
weeper 回应:
十一月 23rd, 2008 at 下午 11:03
真是羞愧难当。
你的博客图文并茂十分漂亮，值得我学习。
谢谢兄台拔刀相助。
呵，辛苦辛苦啦。。。
呵，改的都很漂亮啦，不过时间和名字做成一行都还在等你来改呢！！！
weeper 回应:
十一月 25th, 2008 at 下午 5:31
谢谢！留言框那里也改好了，不过我觉得没有以前好看哦。
padding : 9px 23px 0px 9px;
这一行的间距顺序分别是：
上／右／下／左 对不对？
weeper 回应:
十一月 27th, 2008 at 上午 10:19
对。
强烈推荐使用Firefox插件：
Firebug
随改随看。也可用于“窥探”别人网站的设计。