感觉大家也对原来的tag标签不太满意吧,而月光博客做的不错将原来tag文字标签转变成自动图文混排,从总体上看不仅点缀啦整个站点的视觉而tag标签的明确性也有所提高.由于本人现在使用的也是月光博客的:j-spring主题样式,不可排斥我也要将tag标签转变成自动图文混排,那怎么做才能达到月光的效果呢?我查看了月光原先写的这篇Z-Blog实现摘要图文混排效果的方法也用同样的方法加以修改但是失败了>>>分其原因可能月光在写着篇文章的时候用的是Z-Blog1.7的吧而在Z-Blog1.8却行不通.那怎么在Z-Blog1.8中实现,经过我这阵子的不断摸索和查找终于实现啦在Z-Blog1.8实现摘要图文混排效果的方法
要修改3个模板文件和一个CSS文件：1、b_article_tag.html； 2、b_article-multi.html ；3、b_article-single.html； 4、 STYLE目录下的CSS文件。而每一个文件中都要把原先的<h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5>去掉具体方法如下;
1、将TEMPLATE/b_article_tag.html文件中的内容修改为：
<a href="<#article/tag/url#>">
<img src="<#ZC_BLOG_HOST#>logo/<#article/tag/intro#>.gif" alt="<#article/tag/name#>" class="thumb" />
</a>
2、b_article-multi.html文件中
将
<h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5>
去掉，
并将
div class="post-body"><#article/intro#></div>
改为
<div class="post-body"><#template:article_tag#><#article/intro#></div>
3、b_article-single.html 文件中
将
<h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5>
去掉，
将
<div class="post-body"><#article/content#></div>
改为
<div class="post-body"><#template:article_tag#><#article/content#></div>
4、在STYLE目录下的CSS文件中增加如下内容
div.post-body img.thumb {
float: right;
margin: 4px 4px 4px 4px;
padding: 0px;
border: 0px;
padding: 0px;
max-width: 500px;
max-height:500px;
overflow:hidden;
clear:both;
}
5、进入后台的Tag管理，为每一个Tag添加一个英文的摘要（1.8以前叫别名，现在叫摘要）
6、在根目录下建立名为logo的文件夹
7、将以每一个Tag摘要为文件名的.gif(如：zblog.gif)图片上传到logo文件夹中
8、文件重建
原创或来源网络 若转载请注明出处： 金日博客
本文地址： http://www.jintian365.com/post/11.html
