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

VPSok
2010-04-06 / 0 评论 / 1,718 阅读 / 正在检测是否收录...
腾讯云,腾讯云服务器,腾讯云促销

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


香港/美国/国内高速VPS

53

评论 (0)

取消