郑锐祥·卫光博客

在论坛看到修改摘要图片位置的方法，觉得很不错，于是就就修改了自己原来很难看的默认设置。

一、修改模板的Template/b_article-multi.html

把<div class="post-body"><#article/intro#></div>改成<div class="post-intro"><#article/intro#></div>

二、修改css文件

找到

div.post div.post-body{
float:left;
width:538px;
margin:0 0 0 0;
padding:0 0 0 5px;
font-size:12px;
word-break:break-all;
text-align:left;
line-height:150%;
background:#fff;
}

把div.post div.post-body改成div.post div.post-intro

我保留了原来的div.post div.post-body 在css里面增加了

div.post div.post-intro{
float:left;
width:538px;
margin:0 0 0 0;
padding:0 0 0 5px;
font-size:12px;
word-break:break-all;
text-align:left;
line-height:150%;
background:#fff;
clear:both;

}

修改div.post-intro img 成下面的代码

div.post-intro img{
padding:4px 4px 4px 4px;
border:0;
clear : both;
float : right;
}

我的模板css里面没有这段css ，只好在css里面增加。

这里的float : right; 是摘要图片靠右的意思，也可以改成float : left; 这样图片是靠左。

最后重建文件