发新话题
打印

[分享] Z-Blog1.8版本实现摘要与日志自动TAG图片方法

本主题由 月上之木 于 2008-4-8 18:55 移动

Z-Blog1.8版本实现摘要与日志自动TAG图片方法

Z-Blog1.8版本实现摘要与日志自动TAG图片方法

效果如下:

声明:
我所用的方法其实就是对月光方法进行整理,月光的方法如下:
http://bbs.rainbowsoft.org/viewt ... p;extra=&page=1

涉及到的页面:
引用:
b_article_tag.html   每个tag 的显示样式
b_article-multi.html 摘要文章模板
b_article-single.html    日志页主模板文件
STYLE目录下的CSS文件

步骤如下:

1、将TEMPLATE/b_article_tag.html文件中的内容修改为:
引用:
<a href="<#article/tag/url#>">
        <img src="<#ZC_BLOG_HOST#>logo/<#article/tag/intro#>.gif" alt="<#article/tag/name#>" class="thumb" />
</a>
2、将b_article-multi.html摘要文章模板中的
引用:
<h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5>
去掉
并将:
引用:
div class="post-body"><#article/intro#></div>
改为:
引用:
<div class="post-body"><#template:article_tag#><#article/intro#></div>
3、b_article-single.html 日志页主模板文件
引用:
将:<h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5>去掉
引用:
将:<div class="post-body"><#article/content#></div>
改为:
引用:
<div class="post-body"><#template:article_tag#><#article/content#></div>
4、在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;
}
5、进入后台的Tag管理,为每一个Tag添加一个英文的别名

6、在根目录下建立名为logo的文件夹


7、将以每一个Tag别名为文件名的.gif(如:zblog.gif)图片上传到logo文件夹中

8、索引重建 文件重建OK


注:这样的话每一篇日志只能有一个Tag,如果多了就会显示多个图片出来如下:


我也试试过用第一个tag 名: <#article/firsttagname#>这个标签去做,但没有成功!

最后:感谢zblog,感谢月光博客,感谢广大的zbloger!


如有问题可以来这留言:
http://www.a-java.cn/archives/cms/26.html
发上自己的Blog大家多多光顾,哈哈
理想走进现实 http://www.A-Java.cn

刚才发现这是我在咱zblog中的处女帖啊

[ 本帖最后由 Aska 于 2008-4-8 16:00 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

处女帖!我回

TOP

顶顶

TOP

这个方法不错 记得我最开始也想这样弄 后来看见小一弄了就问了问 她用的最简单的办法 所以我就放弃了 换料主题后就没想过了 不过还是收藏一个 不错
幼峰™ 部落格 WWW.15STUDIO.CN+唉!@#¥%……&*()——+

TOP

为什么一定要用tag呢?
摘要中加个图片然后在CSS中改为图文混排多好.....
LZ的方法就只能用一个TAG,局限~

TOP

不错好东西

TOP

发新话题