查看完整版本: Z-Blog摘要实现自动TAG图片的方法

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

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

显示效果类似下图：

[img]http://bbs.rainbowsoft.org/attachments/month_0612/aasas_KrxGj5hAF_JSp.jpg[/img]

实现方法如下：

首先，编辑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#>
                                                                                                  ------------版主注

回复 #1 williamlong 的帖子

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

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

谢谢月光~来试试~

使用，果然很好~哈哈~

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

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

不过最好还要把template/b_article-multi.html文件中的
<h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5>删除，不然显示的T ... [/quote]
郁闷。我找了1个小时才把他们删除，，早见到你说的话，我就可以省下这一小时了

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

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

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

5楼。

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

楼上要删的是这个.

[code]   <#ZC_MSG138#>: <#template:article_tag#>[/code]


因为我的模板改了.

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

请教下。。我用的是桔子的主题，没有找到LZ的 修改文件说的代码？

诚盼指点   上传需要修改两个文件。。。

[[i] 本帖最后由 快乐小虾米 于 2007-7-31 15:16 编辑 [/i]]

下载了楼上上传的文件 发现并非如你所说  仔细阅读楼主的方法吧 理解透彻 有些地方是需要变通修改的

文件已经修改好，但是显示不正常。。我找不出哪里不对。:L 。。请老大们帮我看看

不胜感激

地址： [url]www.hot99.cn[/url]

请求帮忙

？

不错的代码，改天试插入个google广告！

楼主说“如果想在图片上增加链接，修改TEMPLATE/b_article_tag.html文件即可。”
这个这么修改？谢谢说详细些

回复 19# 的帖子

<a href="<#article/tag/url#>"><img src="<#ZC_BLOG_HOST#>logo/<#article/tag/intro#>.gif" alt="<#article/tag/name#>" class="thumb" /></a>


这样就行了

:victory: 好东西，这确实很不错。谢谢。先

&lt;div class="post-body"&gt;&lt;#template:article_tag#&gt;&lt;#article/intro#&gt;&lt;/div&gt;
怎么换成正常的网页代码？我复制上面的代码进去到服务器中没用，显示出来全错的。