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

williamlong

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文件即可。

======================================================
为此,Z-Blog 1.7中增加了两个实用标签,如你用的是最新的版本,可加以利用:
第一个tag 名: <#article/firsttagname#>
第一个tag ID: <#article/firsttagid#>
                                                                                                  ------------版主注

debugger

不错的代码.
问一下是否要限定发的文章只有一个tag?

wxw

不喜欢图片。。。最怕看到全是图片tag的网站或者博客

visc

谢谢月光~来试试~

visc

使用，果然很好~哈哈~

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

kwded

原帖由 visc 于 2007-1-16 15:12 发表
使用，果然很好~哈哈~

不过最好还要把template/b_article-multi.html文件中的
<h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5>删除，不然显示的T ...

郁闷。我找了1个小时才把他们删除，，早见到你说的话，我就可以省下这一小时了

Zx.MYS

其实留着也可以，就像我的BLOG这样的，不过改的方法不一样

[ 本帖最后由 Zx.MYS 于 2007-2-10 13:15 编辑 ]

iliuheng

怎么我的变成这样了啊？？

Zx.MYS

5楼。

iliuheng

还是不可以啊。我的那个文件里找不到要删除的代码啊？？

stephen

楼上要删的是这个.

1.    <#ZC_MSG138#>: <#template:article_tag#>

复制代码

因为我的模板改了.

jones.c

插个旗证明我来过....