Z-Blog实现摘要图文混排效果的方法
作者：williamlong 来源：月光博客 发布时间：2009-02-23 13:54:00
标签：z-blog,图文,摘要,tag
有些使用Z-Blog的用户询问我，怎么实现我的月光博客首页上这种自动图文混排的版式效果，今天我就详细介绍一下在Z-Blog中实现这种图文混排的方法。
实现这种版式的前提条件是，每篇文章有且只能有一个Tag，每个Tag都有一个对应的图片文件，如果没有图片，可以使用一个1像素的GIF图片来代替。
有了这些之后，打开Z-Blog的文件夹，编辑TEMPLATE/b_article_tag.html文件，修改为如下内容：
<img src="<#ZC_BLOG_HOST#>logo/<#article/tag/intro#>.gif"
alt="<#article/tag/name#>" class="thumb" />
如果想在图片上增加链接，修改上面的内容，加入超级连接即可。
修改TEMPLATE/b_article-multi.html文件，将原来的
<div class="post-body"><#article/intro#></div>
修改为
<div class="post-body"><#template:article_tag#><#article/intro#></div>
进入Tags管理，给每个Tags增加一个摘要，内容为一个英文单词，用于图片文章名。
然后，在Blog的根下建立一个名为logo的目录。将上面命名的文件名增加.gif后缀后复制到这个目录下。
修改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;
}
以上的CSS代码在IE和FireFox下测试均显示正常。如果使用表格方式插入图片可能会引起FireFox不兼容的现象。
最后，重建所有文件。
这时候，你就可以得到和我的博客一样的显示效果。
0
投稿猜你喜欢
- 在ASP.NET中，如何连接 SQLServer数据库？连接数据库：<％@ Import Namespace=&q
- 如何在SQL中启用全文检索功能？本文将通过实例向你剖折这个问题。这是一个全文索引的一个例子，首先在查询分析器中使用：use pubsgo--
IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不- 大家应该经常看到在文本框里提示文字，然后一点就没了。通常做法都是默认给个value，通过js来处理。详细实现都不介绍了，大家都会。现在来看一
- 如何实现让每句话的头一个字母都大写？ <％dim txtFnametxtFName = &qu
- 很多开发人员对于IIS和ASP.NET的安装等问题困扰,特此做下面的小总结,请大家多交流!iis 坏了修复办法!一般IIS运行不了ASP.N
- 很多朋友对FrontPage2003中增加的网页布局功能很感兴趣，现在我们一起来深入了解这一实用功能。 用FrontPage200
- 我想没多少人敢保证写JavaScript能不用调试，那选择用什么方式调试会比较好呢？告别了我最爱的alert("MM")
- 虽然以前我写过IE6、IE7、IE8共存的解决方案，但是看到IETester这个软件以后那些都已经没有意义了（那些办法副作用比较大，而且实现
- 本文是关于人物角色的一些简单介绍，感谢瑶芝同学提供的大力帮助！ 人物角色（Personas）作为一种技术
- 垃圾评论，垃圾留言，人见人憎，用了验证码，效果也好不到哪里去，还影响用户体验。有的网站甚至不惜牺牲用户体验，而构造强悍的惨不忍睹的超级验证码
- -crop参数是从一个图片截取一个指定区域的子图片.格式如下:convert -crop widthxheight{+-
- 统计在线人数是实时的吗？实现起来也比较简单，见下列代码：global.asa<SCRIPT LANGUAGE="V
- 用FrontPage做网页的朋友们，你的主要页面中，可能都带有许多相同的元素吧？如页头横向排列(或左侧纵向排列)的主要链接按钮、页底的板权说
- 完美的渐变透明效果。支持IE，Firefox渐变，自己写的JS框架中用的东西，发出来了。修正完全隐藏时，偶尔不display = "
- 平时每逢alexa排名更新时，我都需要将所有相关的同类网站的排名整理一下，看一下这些对手网站的排名更新情况。做的多了，也就烦了，虽然也才30
- Data Points Archive 有时， 为了让应用程序运行得更快，所做的全部工作就是在这里或那里做一些很小调整。啊，但关键在于确定如
- 段落已经讲完了，那么一些基本的应用方式也讲了一些，那么是否已经应用了呢？当然应用可以更为丰富，那么这些就需要自己在实际工作中不断的摸索与思考
- //关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("<script language=jav
- 在 EeePC 上装了个 Mac OS X，相应的开发工具也选择了 Coda。在
