zblog侧栏两列Tag栏目修改方法
用z blog 的TAG列表只能单列显示, TAG多时把页面顶的很长, 而且用单列Tag栏目使面页显太空,我就打算改成两列Tag栏目, 合理利用页面空间, 今晚周未有空,就顺手改了.
我是利用巴士飞扬的文章列表插件busfly_randomsort, 在上面做了一点修改,把生成TAG的函数改了一下, 让生成两个div, Tag 包含在这两个div中,由此生成两列式的Tag列表.效果见下:
步骤:
1. 打开文章列表插件文件中include.asp文件,路径:C:\/Z-Blog18\PLUGIN\busfly_randomsort\include.asp
2. 找到这个函数: busfly_randomsort_BlogReBuild_bfTags(), 大概在232行,可以用函数名搜索一下.
原行:
If (Not busfly_randomsort_objRS1.bof) And (Not busfly_randomsort_objRS1.eof) Then
Do While Not busfly_randomsort_objRS1.eof
strTag=strTag & "<li><a href="""& Tags(busfly_randomsort_objRS1("tag_ID")).Url & """>"+Tags(busfly_randomsort_objRS1("tag_ID")).Name + " (" & Tags(busfly_randomsort_objRS1("tag_ID")).Count & ")" +"</a></li>"
busfly_randomsort_objRS1.MoveNext
Loop
End If
busfly_randomsort_objRS1.Close
改为:
1)在函数最前面加上下面几句:
Dim strTagSwitch
Dim strTagLeft
Dim strTagRight
strTagSwitch = true
strTagLeft = "<div style='float:left;text-align:left;line-height:180%;padding:5px 0 0 0px;margin:2px 0 0 5px;'>"
strTagRight = "<div style='float:left;text-align:left;line-height:180%;padding:5px 0 0 5px;margin:2px 0 0 20px;'>"
2)再把上面的原来的代码改为:
If (Not busfly_randomsort_objRS1.bof) And (Not busfly_randomsort_objRS1.eof) Then
Do While Not busfly_randomsort_objRS1.eof
if strTagSwitch then
strTagLeft = strTagLeft & "<a href="""& Tags(busfly_randomsort_objRS1("tag_ID")).Url & """>"+Tags(busfly_randomsort_objRS1("tag_ID")).Name + " (" & Tags(busfly_randomsort_objRS1("tag_ID")).Count & ")" +"</a><br/>"
strTagSwitch = false
else
strTagRight = strTagRight & "<a href="""& Tags(busfly_randomsort_objRS1("tag_ID")).Url & """>"+Tags(busfly_randomsort_objRS1("tag_ID")).Name + " (" & Tags(busfly_randomsort_objRS1("tag_ID")).Count & ")" +"</a><br/>"
strTagSwitch = true
end if
busfly_randomsort_objRS1.MoveNext
Loop
End If
strTagLeft = strTagLeft & "</div>"
strTagRight = strTagRight & "</div>"
strTag = strTagLeft & strTagRight
busfly_randomsort_objRS1.Close
3. 保存, 重建索引
4. 在页面中引用
<div class="function" id="divTags">
<h3><#ZC_MSG138#></h3>
<#CACHE_INCLUDE_BFTAGS#>
</div>
5. OK了,细节自己可以再改改
效果演示: [url=http://www.rwish.cn]http://www.rwish.cn[/url]
文章看这里: [url=http://www.rwish.cn/wangluozatan/128.htm]http://www.rwish.cn/wangluozatan/128.htm[/url]
