查看完整版本: 关于Tags排序和美化TagsCloud模块

关于Tags排序和美化TagsCloud模块

　　williamlong在这篇文章中讲了：“[url=http://bbs.rainbowsoft.org/viewthread.php?tid=3247&extra=page%3D2]Z-Blog摘要实现自动TAG图片的方法[/url]”

　　不过我的这篇文章不是讲这个的，我是说在实现了自动TAG图片后，怎样才能使TagsCloud里面的标签更好看，[quote][size=4]请参见我的Blog里面的TagsClound：[url=http://blog.trailerbase.com/tags.asp]http://blog.trailerbase.com/tags.asp[/url][/size]。[/quote]
[img]http://blog.trailerbase.com/upload/img/tagslight.jpg[/img]
上面是一个多彩Tags，下面就是一个图片组成的Tags，是不是很“炫”，下面看看是实现的步骤：

　　1、修改根目录下“tags.asp”文件，用下面的文件替代。这个文件主要进行了两处修改，一是对Tags数组进行了排序，虽然Tags表有一个排序字段，但Tags数组是根据ID排序的，各个Tags标签的位置我们不好控制，所以定义了一个临时变量进行排序；二是增加了图片Tags标签，输出图片Tags。具体的代码看源文件吧。

　　2、修改"TEMPLATE/tags.html"文件，内容区修改成：[code]<div class="post">
<h4 class="post-date"></h4>
<h2 class="post-title">多彩Tags</h2>
<div class="post-body" id="blogfrm"><#CUSTOM_TAGS#></div>
<h2 class="post-title">TagCloud</h2>
<div class="post-body"><#CUSTOM_TAGS_PIC#></div>
</div> [/code]　　3、文件重建。

注意："TEMPLATE/b_article_tag.html”文件里面代码是：[code]<a href="<#article/tag/url#>" _fcksavedurl=""<#article/tag/url#>"" _fcksavedurl=""<#article/tag/url#>"" rel="tag"><img src="<#ZC_BLOG_HOST#>logo/<#article/tag/intro#>" _fcksavedurl=""<#ZC_BLOG_HOST#>logo/<#article/tag/intro#>"" alt="<#article/tag/name#>" class="thumb" /></a>[/code]可能和月光的不太一样，这样Tags管理编辑里面的摘要换成图片文件名就可以了，如coffee.gif,css.jpg等。

注：
这是一个版主的注
======================================================
为此,Z-Blog 1.7中增加了两个实用标签,如你用的是最新的版本,可加以利用:
第一个tag 名: <#article/firsttagname#>
第一个tag ID: <#article/firsttagid#>
======================================================
我用的是1.7，好像这两个标签不起作用。倒是用这个标签的：<#article/firsttaginfo#>，不过用处不大。

下载：[url=http://blog.trailerbase.com/UPLOAD/code/asp/tags.rar]http://blog.trailerbase.com/UPLOAD/code/asp/tags.rar[/url]

[[i] 本帖最后由 shycoffee 于 2007-11-1 16:17 编辑 [/i]]

我自己顶一下

我的Blog里面应用的！:victory:

月光博客有提到

本来不错，却非要在自己标题里加个“[精]”字，顿时感觉这帖已掉价。

回复 4# 的帖子

接受，:$ ，只不过想引起注意。

回复 3# 的帖子

williamlong的文章是：“Z-Blog摘要实现自动TAG图片的方法”
这个主要是美化TagsCloud模块的。:handshake

SO GOOD~
好东西自然会给你加精嘛~

坛子里又多了一个精华，支持，星期天也美化美化自己的。

嘿嘿！不过tag的排列似乎没法整齐。

回复 9# 的帖子

就要这种感觉，错落有致，Tags图片的大小本来就是大小不一的，非要加上<Img width="" height="" src="xx" alt="">把图片拉伸了反而感觉怪怪的，呵呵。

回复 10# 的帖子

有没有办法把id排序改为order排序？

回复 11# 的帖子

现在是按order排序的，在附件Tags.asp里面有排序算法（冒泡算法:L ，就不帖出来了），Tags数组里面的顺序没有修改，而是做了一个临时的数组，只用于输出TagsCloud，因为Tags数组在这个标签<#CACHE_INCLUDE_TAGS#>用到，直接对Tags数组排序标签<#CACHE_INCLUDE_TAGS#>的值就乱了。

回复 12# 的帖子

迷糊，也就是tags.asp用不上order排序？

我的帖子在这里，只是想美化，却想尽办法都无效。[url]http://bbs.z-blog.net/viewthread.php?tid=17685&highlight=[/url]

回复 13# 的帖子

我看了你的帖子，使tag每列左对齐“janrn”已经解决之，关于按order排序我是这样做的（当然了，方法比较笨）：
        For i=0 To l
                Flag = False
                For j = l - 1  To i step -1
                        If IsObject(Tags_Order(j)) and IsObject(Tags_Order(j + 1)) Then
                                If  Tags_Order(j).Order > Tags_Order(j + 1).Order Then
                                        set Array_Temp(0) = Tags_Order(j + 1)
                                        set Tags_Order(j + 1) = Tags_Order(j)
                                        set Tags_Order(j) = Array_Temp(0)
                                        Flag = True
                                End If
                        End If
                Next
                If not Flag Then
                        Exit For
                End If
        Next
这个在本帖的附件里面有。

嘿嘿,说实话,我不大喜欢这个功能,感觉和10楼的说的一样
整齐排列就行了,这样的功能,说花也说不让,感觉更乱,呵呵

回复 14# 的帖子

这样子会不会比较消耗？

好文！！:lol :lol :lol :lol :lol

说得太深奥了 看不懂