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

Z-Blog摘要实现自动TAG图片的方法-飞狗网-fegou.cn

首先,编辑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增加一个摘要,内容为一个英文单词,用于图片文章名。


cms.jpg
然后,在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文件即可。

添加回复:

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