iNove主题宽度改为980px的方法

今天园子再次更改了inove主题,这次做的是将宽度加宽到980px,而原来的主题默认的是936px,我个人感觉原来的宽度在插入图片和加入AdSense广告上有些不方便,比如宽度限制、无法投放更大尺寸的adsense广告等,再者就是随着液晶显示器的普及,国内外主流用户已经习惯了在较高分辨率下进行工作和学习,这就有必要把网站宽度进行适当的拓展以充分利用空间。整个修改过程其实非常简单,就是修改一下图片和css文件,过程大致如下。

1.首先更改整体宽度,将整体宽度增加到980px。打开 style.css 文件,找到

#container{margin:0auto;width:936px;}

更改为:

#container{margin:0auto;width:980px;}

2.修改页面左侧栏的宽度。同样修改 style.css 文件,找到

#main{background:#FFFurl(img/main_shadow.gif)toprepeat-x;width:605px;padding:13px15px15px;float:left;overflow:hidden;}

更改为:

#main{background:#FFFurl(img/main_shadow.gif)toprepeat-x;width:649px;padding:13px15px15px;float:left;overflow:hidden;}

3.修改评论内容的宽度。找到

.comment.info{background:#EDEFF0url(img/comment.gif)00no-repeat;float:left;padding:10px15px0;width:494px;}

更改为:

.comment.info{background:#EDEFF0url(img/comment.gif)00no-repeat;float:left;padding:10px15px0;width:538px;}

4.修改评论框的宽度。找到

#comment{width:601px;}

更改为:

#comment{width:645px;}

5.修改对应的图片大小,请注意不是直接改变大小,你需要用较专业的图片处理软件如 Photoshop 去修改。需要修改的有以下几个图片。

修改header.jpg和footer.jpg宽度为980px;
修改light.gif宽度为1192px;
修改box.gif宽度为1298px;
修改comment.gif宽度为1136px;
修改postbox.gif宽度为1244px;
修改messagebox.gif宽度为649px。