在开始改模版之前,对于 F2blog 所使用的 CSS 你得有一点基本的认识,如果你要改动的话,他要改的文件,通常是这五个,以下是一些基本的介绍:

      skin.css  记录模版名称、设计者、设计日期等等
      global.css  模版整体规范,包括 body, img, p, th 等等  
      layout.css  最重要的部分,所有整体的规范,大概都在这里
      link.css  针对侧边栏, blog 最上方的导航栏的规范 
      typography.css  最主要的是月历等等 

      那么这一次我们想要改宽的是文章主体栏的部分,所以我们要改的就是 layout.css  这个文件。

      首先我们来看一下,在  F2blog 预设的模版裡面,文章主体的预设宽度是 480 px,那我们期望的宽度是 700 px,于是增加的宽度是 220 px。

      接著,我们分别改以下 css 的值就可以了

      #container
      原来为 780 px 改为 1000 px
      #container #header
      原来为 745 px 改为 965 px
      #container #Tbody
      原来为 740 px 改为 960 px
      #mainContent
      原来为 510 px 改为 730 px
      .content-width
      原来为 480 px 改为 700 px
      #MsgContent
      原来为 450 px 改为 670 px

      当然修改宽了文章主体栏的部分,相对的 banner 的宽度就不太够宽了!
      所以这个时候,您需要去找一个新的 banner,或是把F2blog 预设的模版的 banner 放大喔!