◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
Z-Blog1.8摘要与日志自动加tag图片方法
这几天没写日志,因为忙着在做博客文章与tag自动图文混排。现在模板代码已经修改好了,但是与tag相对应的图标还没做好,要找些漂亮的LOGO还真不容易。Z-Blog1.8摘要与日志自动加tag图片方法是我在z-blog论坛里找到的。在此归纳和总结一下代码的修改过程和方法,一是为了分享,二是为了备份修改记录。
要修改3个模板文件和一个CSS文件:1、b_article_tag.html; 2、b_article-multi.html ;3、b_article-single.html; 4、 STYLE目录下的CSS文件。
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.vichx.com/ ]
本文链接地址:http://www.vichx.com/post/zblog-tag-img.html
- 1.伊凡
- http://ivanblog.cn
- 以前的日志每一篇都有好几个tag,那岂不是会显示好几个图片?如果某些tag没有对应的图片会怎么样?
- 2008-7-19 22:31:24 回复该留言

