inove 主题优化之左右栏对调
今天忙里偷闲把 inove 主题做了一下优化,把左侧栏和右侧栏做了一下对调,目的是想尝试下新布局对 AdSense 广告点击率的影响,在些把过程记录一下,以方便以后恢复。
此次优化 inove 主题的预期效果:
原来的 sidebar 默认显示在右边,据园子调查有99%使用 inove 主题的朋友都是使用默认的布局,而使用 inove 主题的网站数量多的吓人,咱们就折腾点不一样的东西吧,于是把 sidebar 放到了网站的左面。
文章原来是显示在左面的,好像也符合用户的习惯,当我调整到右面的时候,初次刷新确实感觉不太好,也许是习惯所致吧。
inove 主题左右栏对调的过程:
1.首先是要修改 css 文件,打开主题目录下的 style.css 文件做如下修改:
a.将原来的:
#main {float:left;}
修改为:
#main {float:right;}
b.将原来的:
#sidebar {float:right;}
修改为:
#sidebar {float:left;}
2.其实CSS修改完之后刷新页面就已经对调,美中不足的是左右栏中间的那条竖线消失了,于是修改图片。
找到img文件夹下的 sidesep.gif 文件,直接水平翻转下即可,懒得动弹的朋友们直接点此下载我修改过的图片。
3.最后再修改下有关 sidesep.gif 文件的CSS
将原来的:
#content {background:#FFF url(img/sidesep.gif) right repeat-y;}
修改为:
#content {background:#FFF url(img/sidesep.gif) left repeat-y;}
到此步就大功告成了,想折腾的朋友们开始吧,其实挺简单的,最后附上修改后的样式截图:

inove 主题左右栏对调样式截图
原创文章如转载,请注明:转载自园子博客 [ http://www.yzznl.cn ]






