个人生活记录
主机优惠分享与测试

wordpress主题inove修改—左右边栏对调

香港/美国/国内高速VPS

一、首先是要修改 css 文件,打开主题目录下的 style.css 文件做如下修改:
<1>.把
#main {
background:#FFF url(img/main_shadow.gif) top repeat-x;
width:605px;
padding:13px 15px 15px;
float: left;
修改为:
#main {
background:#FFF url(img/main_shadow.gif) top repeat-x;
width:605px;
padding:13px 15px 15px;
float: right;

<2>.把
#sidebar {
background:#F7F7F7 url(img/sidebar_shadow.gif) top repeat-x;
width:300px;
float: right;
修改为:
#sidebar {
background:#F7F7F7 url(img/sidebar_shadow.gif) top repeat-x;
width:300px;
float: left;

二、修改完CSS之后刷新页面就已经对调,稍有不足的是左右栏中间的那条竖线消失了,于是修改图片。
找到img文件夹下的 sidesep.gif 文件,直接水平翻转下即可。

三、最后再修改下有关 sidesep.gif 文件的CSS

#content {background:#FFF url(img/sidesep.gif) right repeat-y;}
修改为:
#content {background:#FFF url(img/sidesep.gif) left repeat-y;}

未经允许谢绝转载:个人生活记录 » wordpress主题inove修改—左右边栏对调
香港/美国/国内高速VPS
香港/美国/国内高速VPS