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 主题左右栏对调样式截图

inove 主题左右栏对调样式截图

inove 主题优化之左右栏对调》上有84条评论

  1. 百度变迁

    总在找比较简洁而清晰明了的主题,但是要么不能用,要么将我搞瘫痪,好在总有及时备份!
    园子能否帮我推荐一个主题?我目前的主题的回复评论和留言的格式太小气,不大好看,也不利于网友浏览,想换一个!

发表评论