lenglau [Blog^3] Zblog 技术积累

我承认Zblog较Wordpress与Movable Type要差许多 但Zblog仍从未停止过前进

Z-Blog摘要实现自动TAG图片的方法

首先,编辑TEMPLATE/b_article_tag.html文件,修改为如下内容:
<img src="<#ZC_BLOG_HOST#>logo/<#article/tag/intro#>.gif" alt="<#article/tag/name#>" class="thumb" />
修改TEMPLATE/b_article-multi.html文件,将原来的:
<div class="post-body"><#article/intro#></div>
修改为:
<div class="post-body"><#template:article_tag#><#article/intro#></div>
进入Tags管理,给每个Tags增加一个摘要,内容为一个英文单词,用于图片文章名。

然后,在Blog的根下建立一个名为logo的目录。将上面命名的文件名增加.gif后缀后复制到这个目录下。修改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;
}

以上的CSS代码在IE和FireFox下测试均显示正常。最后重建所有文件,就可以生成一个正确的列表。如果想在图片上增加链接,修改TEMPLATE/b_article_tag.html文件即可。

最好还要把template/b_article-multi.html文件中的:
<h5 class="post-tags"><#ZC_MSG138#><#template:article_tag#></h5>
删除,不然显示的Tags都是以图片形式显示了。

posted on 2007-09-25 13:21 chuiniubi.com 阅读(787) 评论(1)  编辑 收藏 引用 所属分类: [zblog] 使用心得[zblog] 源码修改

只有注册用户登录后才能发表评论。

公告


导航

统计

常用链接

留言簿(2)

随笔分类

随笔档案

文章分类

相册

我的链接

搜索

最新评论

阅读排行榜

评论排行榜