z-blog文章摘要图文混排
作者:荆棘鸟 来源:荆棘鸟's Blog 时间:2009-02-28 13:49:00
z-blog摘要图文混排,在月光的博客早已有介绍,但是他的图文混排是基于一篇文章只定义一个Tag的情况,对于我这样习惯多tag的博客,再更改就不是很方便,最近在进行博客施工,碰巧看到z-blog有这么一个现成的标签:
<#article/firsttagintro#> 第一个tag摘要 将摘要设置图片链接,可做自动图文混排
于是将月光原有图文混排升级一下,做成多Tag情况下的摘要图文混排。
具体方法如下:
1、在b_article-multi.html - 首页摘要文章模板,加入<#article/firsttagintro#>
<div class="post-body"><#article/firsttagintro#><#article/intro#></div>
2、建立logo目录,对应tag名称放入相应的图片
3、在后台“Tags管理”中,对需要进行图文显示的Tags进行编辑,加入图片链接。
比如:我给clock这个Tag加入图片链接
<a href="<#ZC_BLOG_HOST#>catalog.asp?tags=clock"><img src="<#ZC_BLOG_HOST#>themes/<#ZC_BLOG_THEME#>/logo/clock.gif" alt="clock" class="thumb" /></a>
4、接下来,就是用CSS进行排版美化了,你可以根据你的皮肤进行调整。
div.post-body img.thumb { /* 摘要图文混排*/
clear:none;
float:right;
display:block;
margin:4px 4px 4px 10px;
padding:0;
border: none;
overflow:hidden;
}
5、至此,z-blog文章摘要图文混排就算完成了。还有一点就是以后设Tag的时候,要注意Tag的主次顺序,重要的Tag放在前面,不能象以前那样顺心所欲排列Tag了,规范一下Tag管理也挺好的。
记一下,我的Tag标准,不成熟写法随时调整,请勿参考。
全部小写(省得忘了哪个需要大小写,造成Tag冗余)
……