理想博客

每个人的理想都是好的,但是实现要靠自己一步一步的去努力!

« 两步美化你的NetBeans!!!网站ICO图标在线制作 »

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

Z-Blog1.8版本实现摘要与日志自动TAG图片方法 效果如下: 声明:我所用的方法其实就是对月光方法进行整理,月光的方法如下: http://bbs.rainbowsoft.org/viewthread.php?tid=3247&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 class="thumb" alt="<#article/tag/name#>" src="<#ZC_BLOG_HOST#>logo/<#article/tag/intro#>.gif" /> </a>

2、将b_article-multi.html摘要文章模板中的

</p><h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5><p>

去掉并将:

div class="post-body"><#article/intro#></p><div> </div><p>

改为:

</p><div class="post-body"><#template:article_tag#><#article/intro#></div><p>

3、b_article-single.html 日志页主模板文件将:

</p><h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5><p>

去掉将:

</p><div class="post-body"><#article/content#></div><p>

改为:

</p><div class="post-body"><#template:article_tag#><#article/content#></div><p>

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.javacto.com/]

本文链接:http://www.javacto.com/archives/26.html

    本月文章排行 本年文章排行 随机文章排行

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Search

最新评论及回复

最近发表

Powered By Z-Blog1.8

Copyright 2008-2018 Javacto.com All Rights Reserved.