Inkandwash主题改成宽版方法
折腾了几天,总算是把自己的主题改成宽版了
这几天非常郁闷,一直想换个宽版的主题,因为之前这个主题太窄了,贴一点代码就挤在一起。
对于程序员的我实在是受不了这种束缚。今天恰巧在网上看到Xeon的博客,发现他跟我用的是一样的主题
但是他的主题改成宽版了,实在是一大惊喜。如果能改成宽版就不用换主题了。
然后我就开始自己试着去改css。其实非常简单,只需要改动很少的几个地方就行了。
大家要是不放心,就先备份一下css再来吧,要改动的地方如下
1,
.wrap { width:950px;margin:0 auto; }
改成
.wrap { width:1174px;margin:0 auto; }
2,
.header { float:left;width:950px; height:190px; }
改成
.header { float:left;width:1174px; height:190px; }
3,
#content { float:left; width:674px; background: url(images/comm_bg.gif) repeat-y; margin-left:56px; _margin-left:28px; }
改成
#content { float:left; width:898px; background: url(images/comm_bg.gif) repeat-y; margin-left:56px; _margin-left:28px; }
4,
.conleft { overflow: hidden; width:674px; height:14px; }
改成
.conleft { overflow: hidden; width:898px; height:14px; }
5,
.entry { width:645px;line-height:22px; background: url(images/comm_line.gif) no-repeat bottom left; overflow: hidden; padding:0 0 10px 0; }
改成
.entry { width:869px;line-height:22px; background: url(images/comm_line.gif) no-repeat bottom left; overflow: hidden; padding:0 0 10px 0; }
需要修改的图片有:
直接下载替换掉主题里的图片就行了。改完这些我果断地把评论嵌套设到了满值10层哈哈。
现在唯一不足的就是底部版权信息的背景图片,版权背景图是跟底部大背景融合在一起的,不是单个元件,所以要修改还得花点功夫。
有空了再弄吧,反正不碍事。
请尊重原创,转载请一并复制下面的版权信息,谢谢。
改成宽屏了有点看不习惯哦。
太窄了我看不习惯