commyleung的博客

简洁就是美——博客模板所有板块挨个去除

关键词： 博客模板,CSS,                                          

简洁就是美——博客模板所有板块挨个去除

关键词： 博客模板    修改    CSS                                          

      本文按模板上从上到下、从左到右的顺序来教大家挨个去除模板的各个模块，真正打造个性化的简洁模板。

　　这是笔者苦心研究N天的结果，相当不易，希望大家给我顶起来。

　　以下代码的修改均为修改“模板DIY”中的CSS代码。

　　特别说明：能够直接在后台去掉的功能——如博客秀、最新文章列表、链接等，本文就不给出去除代码了。

　　一、去除头部banner：

　　找到以下代码：

　　div#header{

　　加入以下代码：

　　display:none;

　　二、去除头部banner左侧的文字：

　　找到以下代码：

　　h1.title{

　　加入以下代码：

　　display:none;

　　三、去除作者信息：

　　找到以下代码：

　　div#myPhoto{

　　加入以下代码：

　　display: none;

　　四、去除博客介绍：

　　找到以下代码：

　　div#mybolg{

　　加入以下代码：

　　display:none;

　　五、去除博客个性图片：

　　找到以下代码：

　　div#blogImg{

　　加入以下代码：

　　display:none;

　　六、去除日历：

　　加入以下代码：

　　div#calendar{display:none;}

　　七、去除文章栏目：

　　找到以下代码：

　　div#category{

　　加入以下代码：

　　display:none;

　　八、去除登陆框：

　　加入以下代码：

　　div#loginFrm{display:none;}

　　九、去除文章索引：

　　加入以下代码：

　　div#blogIndex{display:none;}

　　十、去除在线留言（如果你已经额外申请了别的留言本的话，在线留言的用处可能就不大了）：

　　加入以下代码：

　　div#guestBook{display:none;}

　　十一、去除最新评论：

　　加入以下代码：

　　div#remark{display:none;}

　　十二、去除底部banner：

　　找到以下代码：

　　div#footer{

　　加入以下代码：

　　display:none;

      补充一点：去除博客介绍中的博客网站名称：

　　在模板DIY中找到以下代码：

　　　　h3{

　　　　加入以下代码：

　　　　display:none;

　　　　博客名称即可去掉。

【作者: commyleung】【访问统计:】【2005年12月11日 星期日 22:18】【 加入博采】【打印】