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冗余）
……
0
投稿猜你喜欢
- innerHTML 属性的使用非常流行，因为他提供了简单的方法完全替代一个 HTML 元素的内容。另外一个方法是使用 DOM Level 2
名称：YUI Compressor最新版本：2.4.2用途：js/css压缩必备指数：使用难度：（YUI Compressor非常易用，只是- 客户用的数据库是mysql，而研发好的产品支持oracle，为了让客户掏腰包，我们必须把数据库环境从oracle转向mysql。我们在转换的
- 图片非常重要，它们可以让你的页面更好看，更引人注目。但是，高质量和漂亮的图片常常会很大,它们会让页面加载变慢并消耗更多带宽。所以我们，这些设
- 如果机房马上要关门了，或者你急着要和MM约会，请直接跳到第四个自然段。以下叙述的脚本包括服务器端脚本和客户端的脚本，服务器端脚本指在服务器上
- ewebeditor支持兼容IE8 的方法方法：前几天ie8正式公布了，当天中午我就去下载了一个迫不急待的将自己的浏览器升级到ie8，偶还刻
- 昨天在做mergeCSS的时候遇到两个正则匹配的问题，也花了不少的时间，最后在CSS森林群的 CE 同学帮助下，才完成了这俩正则，特别记录下
- 快速掌握 Mysql数据库对文件操作的封装在查看Mysql对文件的操作中，它在不同的操作系统上对文件的操作，除了使用标准C运行库函数，包括o
- 先简单说一下MP3的ID3 标记，因为主要是操作这个玩意MP3最开始的时候没有我们今天看到的那样，有歌手、年代，专集等等信息只有一些简单的参
- 合理地扩大页面链接响应区域可以提高网页的易用性。同时还要兼顾到链接的交互一致性以及视觉上的平衡，就需要做一些特殊的处理。实例一：一张图配一个
- 了兑现我对大家的承诺，我们现在立即就将“借助数据库和ASP程序”编写出来的，可以同时适用于IIS和P
- 在Twinsen Liang的博客上看到一篇名为语义化单单的限定在html么？的文章，文中主要是提及了CSS的命名规则，仔细阅读后，我认为这
- javascript 常见汉字转换成拼音，上下行排列，方便对比，速度快，你可以把代码复制到本地，作为一个不错的汉字转换拼音的工具！转换效果图
- 用6N±1法求素数任何一个自然数，总可以表示成为如下的形式之一：6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…
- MySQL的命令行提示符及其表达的意思mysql> 准备好接受新命令。 &n
- 代码如下:CREATE DATABASE 临时的 ON ( NAME='临时的_Data', FILENAME='h
- 自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如<article>)的途径
- 在当前的Web设计中，jQuery被越来越多地应用在Web开发中，之所以jQuery收到如此程度的欢迎，除了其本身具备的优秀易读易操作的代码
- 本文将展示一个开源JavaScript库，该脚本库给AJAX应用程序带来了书签和后退按钮支持。在学习完这个教程后，开发人员将能够获得对一个A
- 被AJAX中DOM的操作郁闷了好几天，今天总算搞明白了，自学就是苦啊，苦的一把鼻涕一把泪的，把教训些出来，给后来者提个醒，老鸟就不要看了。下
