« Z-Blog 1.8 Spirit Build 80708 发布wordpress 2.6 发布 »

Z-Blog1.8摘要与日志自动加tag图片方法

作者:vich 发布于 2008-7-14 09:04 评论(1)人阅读

这几天没写日志,因为忙着在做博客文章与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
温馨提示!走过,看过,请留下您的评论哦!
  • quote 1.伊凡
  • http://ivanblog.cn
  • 以前的日志每一篇都有好几个tag,那岂不是会显示好几个图片?如果某些tag没有对应的图片会怎么样?
  • 2008-7-19 22:31:24 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

RSS订阅  手机版
Powered By Z-Blog
CopyRight 2008 微风博客 沪ICP备07009058号 [管理]