又一个Z-BLOG经典三栏主题
Written on Dec 5, 2007 By sinoblog在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下没有错位出现。
竞博客觉得,独立博客的乐趣就在于:能将自己的想法付诸行动然后变为现实,而且这也是一个从学以致用的过程。
你的这个样式挺不错的。
哎呀,其实我蛮想换个皮肤的,可是今天在论坛下载了那个红色的主题后,网站都搞不开了,没办法,我只有还原了!!!!
呵呵
还是不错地
IE6下Sidebar掉下去了….没办法..IE6太落后了…呵呵!