绍兴小杜's BLOG

inove主题用了半年之后

对这个主题很喜欢，也对这个主题改了一些地方，修修补补的，改过评论框图片－－为你的wordpress评论框添加个性背景图片，改过导航栏－－不用插件如何实现iNove 主题导航栏同时显示分类和页面，改过侧栏－－去掉INOVE主题侧边栏里多余的Archives/meta/blograll，改过博客背景，改过inove主题字体大小和行距，还有些小地方，总是想追求自己满意的主题。

一直对可能吧的排版很欣赏，以前看可能吧的文章也是看着他排版蛮舒服的，当然可能吧的文章更具有吸引力，作者队伍都很强大，最近可能吧还获得了全球最佳中文博客奖，撒花。不过很不幸，在大陆你只能通过代理能膜拜下可能吧！

几个月之前，小杜看到有个博客也用了可能吧的排版，给他留言问是怎么实现的，不过本人人品不够好，那位大哥没告诉我，也没回复我～最后也被耽搁下来了。

直到最近逛到了5毛1帖的博客，看到他有方法改成可能吧排版的样子，方法很不错，我就把我的博客也改了一下，有了现在的效果，其实我前几天的文章里已经有用到可能吧的排版风格，总体自我感觉良好，哈哈～

废话说多了，下面看方法；

可能吧的排版主要由如下两部分构成：

标题栏（也就是我们通常所谓的绿条）

引用（也就是通常所谓的灰边）

我们怎么做才能有“蓝”条？

主题样式表Style.css合适部位添加：

#main .post .content h2{
padding:3px 6px 3px 6px;
background:#64a3e4;
font-family:微软雅黑;
font-size:16px;color:#000;
}

background:#9c0; （标题栏背景颜色代码）

font-family:微软雅黑; （标题栏字体）

font-size:16px;（标题栏字体大小）;color:#000;（字体颜色）

其次，我们要怎么做才能有灰边？

同样在主题样式表Style.css中将：

blockquote, pre{ ****}

替换为下面的代码

blockquote, pre {
background:#cce8cf;
border-width: 0 0 0 5px;
border-style: solid;
border-color: #DEDCD4;
padding:8px 12px 8px 12px;
margin:5px 0 5px 20px;

}

其中background:#cce8cf; （引用框背景色，如果无需背景色直接删除即可）

最后，写文章的时候如何才能调用上述效果？

绿条（后台编辑可视化模式下，“格式”选择Heading 2，WLW写博的直接调用<h2> </h2>即可）

灰边（直接引用所需内容）

一些必要的说明

为什么要用h2标签呢？其实我自己的博客里也没用h1来弄这个蓝条，因为我以前把h1标签隐藏了，所以现在用的是h2标签做横条，其次就是阿邙提醒，h1不能乱用的 博客就标题（logo）用h1就行了，其他的会影响传说中的se0的，所以最终还是把代码里改成了h2标签。

这个蓝色横条颜色可以根据自己的博客主题改，主要看起来爽就行了，我还是比较喜欢蓝色的，小杜博客是没用有灰条，这个主题用了灰条后发现在IE6下文章都错位了，你可以试着在你的主题你测试下，可以的就用。喜欢的童靴就去自己博客试试吧~