您当前正在浏览: 首页>>菠萝的海>>以Tag为标志的自动图文混排的版式效果
« 汶川地震后NBA停播事件解析以category分类为标志的自动图文混排的版式效果 »

以Tag为标志的自动图文混排的版式效果

菠萝的海

         实现这种版式的前提条件是,每篇文章有且只能有一个Tag,每个Tag都有一个对应的图片文件,如果没有图片,可以使用一个1像素的GIF图片来代替。

  有了这些之后,打开Z-Blog的文件夹,编辑TEMPLATE/b_article_tag.html文件,修改为如下内容:

  修改TEMPLATE/b_article-multi.html文件,(如果要在文章页也显示图片,则同样也要修改b_article-single.html文件

将原来的

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

修改为

如果想在图片上增加链接,则做法如下:

打开TEMPLATE/b_article_multi.html文件或者b_article-single.html文件,在<#template:article_tag#>两边加上文章链接即可代码如下:
 

进入Tags管理,给每个Tags增加一个摘要,内容为一个英文单词,用于图片文章名。

  然后,在Blog的根下建立一个名为logo的目录。将上面命名的文件名增加.gif后缀后复制到这个目录下。

  修改STYLE目录下的CSS文件,增加如下内容:

以上的CSS代码在IE和FireFox下测试均显示正常。如果使用表格方式插入图片可能会引起FireFox不兼容的现象。

  最后,重建所有文件。

  这时候,你就可以得到和我的博客差不多的的显示效果。
 

特别说明,这个效果是以tags为标志的, 每篇文章一个tag,就是为了显示美观,多个tags的话会并列出现多个图版,破坏版面。

本文来自:月光博客www.williamlong.info

添加文章链接部分来自:我来看博客 www.wolaikan.com
 




音乐吧 相册 搜搜猎奇 站长日记 万年历 评论本文 给我留言

转载本站原创文章请注明 转载自:猎奇博客 http://www.rqiqi.com

本文链接地址:http://www.rqiqi.com/post/277.html(点击复制)

« 汶川地震后NBA停播事件解析以category分类为标志的自动图文混排的版式效果 »
  • 以category分类为标志的自动图文混排的版式效果(引用)
  • 猎奇博客
  • &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 受月光博客的启发,想做到以category分类为标志的图文混排效果。因为以tags为标志的图文混排首先要求每篇文章只能有一个tags,而这个则违背了zblog设计的原委。实际上每篇文章有时候是需要多个tags的,而月光的处理办法其原理是修改b_article_tag.html文件,让它变成显示图片的功能,与此同时,它就不能再做为显示文字了。所以,用这种做法...
  • 2009/1/18 23:25:00

网友评论:

      

   

 

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

© Copyright 2009 Www.Rqiqi.Com. Powered by  Z-BLOG1.7 Laputa Build 70216  All Rights Reserved.
  皖ICP备14004265号 Designed by Rqiqi Version3.2
 邮箱登录 | 音乐中心 | 文件管理 | 管理博客 | |