iNove主题侧边栏宽度修改的方法

iNove是一款两栏的WordPress主题,使用者众多。由于其是固定宽度,所以在放置广告时多有不便。为了使右边侧边栏可以放置广告投放多、展示效果好、用户偏向点击的300*250和160*600的广告,需要增加右边侧边栏的宽度(减少右边侧边栏的宽度类推)。

改变前:默认页面宽度为936px,右边侧边栏为300px;

改变后:页面宽度为960px,右边侧边栏为324px;

前后相差:24px.

以下的数据修改都是基于24px来操作的。

iNove

1、样式表(style.css)

页面宽度:936px改为960px.

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

更改为:

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

右边侧边栏宽度:300px改为324px.

#sidebar {
    background:#F7F7F7 url(img/sidebar_shadow.gif) top repeat-x;
    width:300px;
    float:right;
    font-size:95%;
    line-height:145%;
    overflow:hidden;
    padding-top:8px;
}

更改为:

#sidebar {
    background:#F7F7F7 url(img/sidebar_shadow.gif) top repeat-x;
    width:324px;
    float:right;
    font-size:95%;
    line-height:145%;
    overflow:hidden;
    padding-top:8px;
}

2、图片(img)

header.jpg、footer.jpg宽度:936px改为960px.

sidesep.gif宽度:301px改为325px.

注:iNove两栏之间的分隔线是由sidesep.gif决定的。

发表回复

您可以匿名评论,只有「评论」 是必填项,其他的都可以不填。如果填写电子邮箱地址,有人回复时您将收到邮件通知。