首页 > WordPress技巧 > Wordpress主题iNove宽度980px修改方案

Wordpress主题iNove宽度980px修改方案

2010年4月9日 FunKey 发表评论 阅读评论

修改Wordpress主题iNove宽度为980px的方法  iNove是款不错的WordPress主题,样式简单大方,后台选项实用,今天FunKey介绍下将iNove主题宽度修改为980px的方法。iNove主题默认的宽度是936px,而浏览器近几年做的一个比一个宽,iNove默认的宽度就显得有点小气了,并且通过统计代码了解到,访问发现空间的朋友,电脑分辨率最低的都是1280×800,将主题宽度拓展成980px是可行的。不但能充分利用空间,给人的感觉也大方了许多。不多废话,下面开始修改说明。

  将iNove主题宽度调整为980px需要修改主题目录中的 style.css 文件和几个相关的图片,如果您喜欢自己动手,请往下看,如果您不想自己动手,文末FunKey已经提供了修改好的 style.css 和图片文件,下载安装即可

  需要修改的地方有5个。建议使用Nptepad++进行脚本文件的修改。

1.将主体宽度增加至980px,打开 style.css ,找到

#container {

margin:0 auto;

width:936px;
}

黑体部分更改为:

#container {

margin:0 auto;

width:980px;
}

2.修改首页左侧部分的宽度

#main {

background:#FFF url(img/main_shadow.gif) top repeat-x;

width:605px;

padding:13px 15px 15px;

float:left;

overflow:hidden;
}

黑体部分更改为:

#main {

background:#FFF url(img/main_shadow.gif) top repeat-x;

width:649px;

padding:13px 15px 15px;

float:left;

overflow:hidden;
}

3.修改评论内容的宽度

.comment .info {

background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat;

float:left;

padding:10px 15px 0;

width:494px;
}

黑体部分更改为:

.comment .info {

background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat;

float:left;

padding:10px 15px 0;

width:538px;
}

4.修改评论框的宽度

#comment {

width:601px;
}

黑体部分更改为:

#comment {

width:645px;
}

5.修改日志图片限制宽度。
.post .content img {

max-width:600px;

}

黑体部分更改为:

.post .content img {

max-width:644px;

}

最后,修改对应的图片大小。
修改header.jpg和footer.jpg宽度为980px;
修改light.gif宽度为1192px;
修改box.gif宽度为1298px;
修改postbox.gif宽度为1244px;
修改messagebox.gif宽度为649px;
修改comment.gif宽度正确的应该为1136px。

  至此,修改iNove主题宽度为980px的方法就结束了,启用后赶紧去看看效果吧,是不是比原来宽了很多,在现在的宽屏幕上也大气了不少~FunKey已经换上啦~♂( ̄▽ ̄)/

  修改好的懒人包(地址修正):点击进入下载页(PS:并非官方修改,使用中可能存在问题,请注意。)
  备用下载地址:点击进入下载

  说明:懒人包中包含修改好的 style.css 一个(980px),图片8张(一张预览图),请自行下载iNove原版,之后将懒人包中的文件拷贝进去,上传到自己博客的主题目录中,在管理后台就能看到了。

本文地址:http://www.ifunkey.com/4657.html
本文作者:
FunKey
如需转载请以超链接形式标明:转载自发现空间 – 优秀免费空间发布站.

  1. 2010年6月10日17:53 | #1

    @墙角的小猫
    外观——当前主题选项——公告栏~
    前提是同样的主图~
    当然,找到相应位置修改源代码也可以~

  2. 墙角的小猫
    2010年6月10日17:19 | #2

    问一下,博客标题下面那个“声明”是怎么写出来的啊??谢谢~

  3. 2010年5月24日23:08 | #3

    薛一一 :

    呵呵,谢谢博主啦

    教程这么详细的,我的也已经修改成功了,感觉挺完美的!

    兄弟给面子,经常关注喔~

  4. 2010年5月24日18:01 | #4

    980px的宽度似乎能很好适应Adsense了

  5. 薛一一
    2010年5月24日18:00 | #5

    呵呵,谢谢博主啦

    教程这么详细的,我的也已经修改成功了,感觉挺完美的!

  6. gololy
    2010年5月17日17:28 | #6

    新手请教,1.如何将分类目录层次化显示,2.如何批量设置图片的显示格式,比如小于页面宽带自动为原来格式,大于页面宽度的缩小为自动适配页面?谢谢!

  7. chslindy
    2010年4月15日12:04 | #7

    @FunKey
    已经生效,谢谢,再改下图片,改成1000的,O(∩_∩)O~

  8. 2010年4月15日11:03 | #8

    @chslindy 清空缓存再刷新~

  9. 2010年4月15日10:56 | #9

    下载上传使用了,可是还是原来的宽度是怎么回事?
    chslindy.com

  10. 2010年4月9日21:49 | #10

    @Lord
    举双手赞成!

  11. Lord
    2010年4月9日18:16 | #11

    友情提示下,修改style.css中的主题名称,并修改主题文件夹名称,就可与原版inove共存。

  12. 2010年4月9日14:55 | #12

    呵呵 我用的也是inove主题,改成宽屏的确实要好一些~~

  13. 2010年4月9日10:36 | #13

    我的第一个稳定主题就是inove,不过现在早已经换了无数个了,囧

  14. 2010年4月9日07:17 | #14

    @FunKey
    是啊,可是打开下载页后无论选电信还是网通都是“找不到共享资源”的提示,迅雷专用链也是404

  15. 2010年4月9日07:07 | #15

    @Indeed
    可以下载,左键点击之~

  16. 2010年4月9日06:54 | #16

    还有懒人包下载不了啊!使用SkyDrive来外链吧!

  17. 2010年4月9日06:50 | #17

    看来您的修改相当成功,我的就不一样,上次一改就改得不像样了,只好把主题重新下载一遍……杯具啊……

  1. 2010年4月15日11:20 | #1
  2. 2010年4月19日16:56 | #2
  3. 2010年5月24日18:11 | #3