首页 > 网站建设 > iNove主题侧边栏宽度修改的方法

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

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

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

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

前后相差:24px.

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

iNove

1、样式表(style.css)

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

1
2
3
4
#container {
    margin:0 auto;
    width:936px;
}

更改为:

1
2
3
4
#container {
    margin:0 auto;
    width:960px;
}

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

1
2
3
4
5
6
7
8
9
#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;
}

更改为:

1
2
3
4
5
6
7
8
9
#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决定的。

此文系静风说原创,转载请注明出处: http://www.jingfengshuo.com/archives/539.html

分类: 网站建设 标签: , 浏览量:1,641 次阅读
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.