自从用上hemmednoajax这个主题后就一直觉得很舒服，不过看多了觉得hemmednoajax页面主体宽度才760，旁边的空间好浪费，尤其是随着博客上栏目的不断增多，好多栏目文章名字都比较长，一行要分成两行显示，很是不爽，于是，我决定给这个hemmednoajax模板动点手脚，给它做个“胖身”手术。经过一番努力，大功告成，虽然看着现在这个“宽屏”的页面有点不习惯，但是总体上还是达到本人的要求了。

把这个“胖身”手术略做描述如下：

1、备份好自己的主题文件夹

2、修改style.css。

我查了资料，发现1024分辨下下面网页宽度设置成1002比较好：

800*600下的778应该是这样算出来的：
800－20（滚动条）－2（边框）＝778

那么，类似地，
1024－20－2＝1002

所以，首先把style.css上面最宽的那个宽度（我的hemmednoajax下面是760px）改成1002px，然后对应的各种按比例换过去。我在换的过程中是在style.css上搜“width”，然后用全部替换进行批量换。

另外，除了#searchresult外，跟搜索有关的其他几个width属性我都没换，同时如果有些图片宽度是不需要跟着拉长的也不用换。

3、修改图片宽度

把主题下面几张背景图片相应的宽度从760用photoshop改到1002

4、把改好的style.css和图片上传到服务器上，浏览器再清空下缓存看看，你的博客是不是已经成功步入“宽屏”时代了呢。如果哪里有问题再微调一下，反正没什么特别的技术含量在里面。

相关文章：

  • 暂无相关日志