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

一、首先是要修改 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;}


【AD】炭云:768元/年/1GB内存/20GB SSD空间/2TB流量/500Mbps-1Gbps端口/独立IPv4/KVM/广州移动

【AD】美国洛杉矶CN2 VPS/香港CN2 VPS/日本CN2 VPS推荐,延迟低、稳定性高、免费备份_搬瓦工vps