inove主题宽度改为980px的方法
前面的文章园子为大家分享过inove主题增加feed订阅器的方法，很多朋友在留言中都说非常实用。今天园子再次更改了inove主题，这次做的是将宽度加宽到980px，而原来的主题默认的是936px，我个人感觉原来的宽度在插入图片和加入AdSense广告上有些不方便，比如宽度限制、无法投放更大尺寸的adsense广告等，再者就是随着液晶显示器的普及，国内外主流用户已经习惯了在较高分辨率下进行工作和学习，这就有必要把网站宽度进行适当的拓展以充分利用空间。整个修改过程其实非常简单，就是修改一下图片和css文件，过程大致如下。
1.首先更改整体宽度，将整体宽度增加到980px。打开 style.css 文件，找到
1 2 3 4 | #container { margin:0 auto; width:936px; } |
更改为：
1 2 3 4 | #container { margin:0 auto; width:980px; } |
2.修改页面左侧栏的宽度。同样修改 style.css 文件，找到
1 2 3 4 5 6 7 | #main { background:#FFF url(img/main_shadow.gif) top repeat-x; width:605px; padding:13px 15px 15px; float:left; overflow:hidden; } |
更改为：
1 2 3 4 5 6 7 | #main { background:#FFF url(img/main_shadow.gif) top repeat-x; width:649px; padding:13px 15px 15px; float:left; overflow:hidden; } |
3.修改评论内容的宽度。找到
1 2 3 4 5 6 | .comment .info { background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat; float:left; padding:10px 15px 0; width:494px; } |
更改为：
1 2 3 4 5 6 | .comment .info { background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat; float:left; padding:10px 15px 0; width:538px; } |
4.修改评论框的宽度。找到
1 2 3 | #comment { width:601px; } |
更改为：
1 2 3 | #comment { width:645px; } |
5.修改对应的图片大小，请注意不是直接改变大小，你需要用较专业的图片处理软件如 Photoshop 去修改。需要修改的有以下几个图片。
修改header.jpg和footer.jpg宽度为980px；
修改light.gif宽度为1192px；
修改box.gif宽度为1298px；
修改comment.gif宽度为1092px；
修改postbox.gif宽度为1244px；
修改messagebox.gif宽度为649px。
更新于2009年10月13日，感谢 SEVEN 的提醒，发现在评论内容的背景图片上有些缺角，现在已经修复，修改comment.gif宽度正确的应该为1136px，请重新下载园子提供的打包文件！
注：上述园子提供的数值大小仅是在宽度为980px的基础上修改的，如果你要实现不同的宽度可自行计算所需的宽度，在修改前请记得备份好相关的文件。
通过以上简单的修改就可以很好的实现宽度为980px的布局，上传相关文件后，按Ctrl+F5强制刷新页面，就可以看到更改后的效果。在这种宽度下，可以更好的优化 adsense 广告和上传文章图片，如果你想看改后的效果直接看园子的博客就可以了。在修改过程中遇到什么问题欢迎给我留言，我会在第一时间协助你解决。
最后，想图省事的朋友可以直接下载园子提供的修改后的图片打包文件，点此下载！
OK了，謝謝，辛苦了！
