又一个Z-BLOG经典三栏主题

在ZBLOGGER BBS里面有MSNSPACE经典三栏主题提供下载,不过竞博客觉得该主题的CSS写的不太合理,太过于冗余,从而导致DIV布局之后的,博客页面载入速度大打折扣,而竞博客对页面的浏览速度有着近乎BT的要求

Z-BLOG的Default3主题的CSS写的非常漂亮,竞博客所使用的三栏模板都是在Default3主题上基础上做的修改,昨天晚上睡觉的时候突发奇想,觉得如果把Default3主题改成经典三栏主题应该会更好看,然后今天早上一起床就开了电脑立马实现我的想法。出乎我之前的意料,只是对CSS做了很小的改动就搞定了,先前还以为要更改TEMPLATE下的5个.html里的DIV,具体步骤如下:

只要将Default3主题CSS里面的

#divSidebar{
 width:210px;
 margin:0 auto;
 padding:0 0 10px 0;
 text-align:center;
 float:right;
 border-left:1px dashed silver;
}

#divSidebar2{
 width:210px;
 margin:0 auto;
 padding:0;
 text-align:center;
 float:right;
}

#divMain{
 width:555px;
 margin:0 0 0 0;
 padding: 0;
 text-align:left;
 float:left;
 background-color:#F6F6F6
}

改为:

#divSidebar{
 width:210px;
 margin:0 auto;
 padding:0 0 10px 0;
 text-align:center;
 float:left;
 border-left:1px dashed silver;
}

#divSidebar2{
 width:210px;
 margin:0 auto;
 padding:0;
 text-align:center;
 float:right;
}

#divMain{
 width:555px;
 margin:0 0 0 0;
 padding: 0;
 text-align:left;
 float:right;
 background-color:#F6F6F6
}

OK,就这么简简单单的搞定了,在IE 7.0,Firefox下没有错位出现。

竞博客觉得,独立博客的乐趣就在于:能将自己的想法付诸行动然后变为现实,而且这也是一个从学以致用的过程。

Posted in Z-Blog. Tags: , .

4 Comments

  • At 2007.12.05 22:14, cyg said:

    你的这个样式挺不错的。

    • At 2007.12.05 23:24, 新视点博客 said:

      哎呀,其实我蛮想换个皮肤的,可是今天在论坛下载了那个红色的主题后,网站都搞不开了,没办法,我只有还原了!!!!

      • At 2007.12.06 09:16, StreetChic said:

        呵呵

        还是不错地

        • At 2007.12.06 21:13, 小一 said:

          IE6下Sidebar掉下去了….没办法..IE6太落后了…呵呵!

          竞博客 于 2007-12-5 10:50:01 回复

          刚才在我同学哪里测试了下,确实有错位,嗨,得想办法解决…

          竞博客 于 2007-12-5 16:54:44 回复

          果然如你所说,是图片的大小的问题

          小一 于 2007-12-6 21:05:40 回复

          呵呵。。。这回可好了!
          对了~~两侧栏分开放看着怎么有点别扭?
          因为有的文章长有的文章短。。。。

          竞博客 于 2007-12-6 21:13:28 回复

          我看着挺好的,呵呵~~

          (Required)
          (Required, will not be published)