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冗余)

……

标签:z-blog,图文,文章,tag
0
投稿

猜你喜欢

  • ASP平台如何打造金牌英文网站

    2008-04-10 08:47:00
  • 激发你的灵感:50个优秀的Favicons设计

    2007-10-21 19:52:00
  • 设置SQLServer数据库中某些表为只读的多种方法分享

    2012-07-11 15:41:05
  • js插入flash可防止虚线框激活

    2009-03-13 13:31:00
  • 经验之谈:MySQL与ASP.NET配合更强大

    2008-12-23 15:26:00
  • Oracle Index 的三个问题

    2010-07-26 12:53:00
  • CSS Menu导航菜单下载网站整理

    2007-10-21 19:49:00
  • 如何用ASP.NET连接MS SQLServer数据库?

    2010-06-11 19:27:00
  • 透彻掌握ASP分页技术

    2009-03-09 18:26:00
  • IIS6.0下ASP的新增功能

    2007-08-22 14:55:00
  • 动态给表添加删除字段并同时修改它的插入更新存储过程

    2011-12-01 10:18:28
  • 浅述七大主流数据库

    2011-08-05 18:21:27
  • asp如何实现网上考试功能?

    2010-05-24 18:32:00
  • 首页访问感受提升三步曲

    2007-12-13 20:36:00
  • css2.1实现多重背景和边框效果

    2010-06-23 19:02:00
  • MYSQL教程:表达式操作符和数据类型转换

    2009-02-27 15:51:00
  • 操作Dom节点实现间歇滚动新闻

    2009-10-16 20:51:00
  • 互联网产品设计零碎记

    2010-09-25 12:49:00
  • 用JavaScript脚本实现的图灵机

    2009-01-21 18:10:00
  • 了解WEB页面工具语言XML(四)应用分类

    2008-09-05 17:18:00
  • asp之家 网络编程 m.aspxhome.com