C0EEBDA1

在梦中,我是有超能力的。。。

« 让zBlog完美支持Windows Live WriterQT学习中(浅谈HBoxLayout和VBoxLayout布局管理器的应用)。。。 »

摆平zBlog的几点不合作,吼吼

目前在用zBlog的时候,发现这么几点它不合作的地方:

在官方提供的主题中,好像是都没有处理文章宽度比较大的情况。拿我现在用的这个GlossyBlue主题来说,它的博文正文区域(post-body)设计的是500pixel宽,但是如果内容超过这个宽度,就会把层撑破,极其难看~~

另一个,目前正在使用zExobud插件,但是这个插件不会自己跑到主页上,而是需要修改主题的default.html文件,在里面调用它。这也带来了一个不方便,就是当我换主题时,就要重新修改模板,麻烦~

接下来就这两个问题开始收拾它~

第一个,层被撑破的问题。

这个问题其实是蛮好解决的。在网页设计的常规布局中,一般或者采用table,或者采用div来设计网页布局结构。针对table,可以对table加上这样的样式来解决内容太宽时表格被撑破的问题:

<table style="TABLE-LAYOUT: fixed">

对于使用div来做布局的网页,可以对div增加如下的样式:

div{
   overflow:hidden;
}

针对zBlog来说,不管是首页的文章列表,还是查看post的页面,post的正文都是被放入了名为post-body的div内。这样,就可以找到主题css中的post-body层,给它加上overflow:hidden样式:

div.post div.post-body{
    width:500px;
    margin:0;
    padding:10px;
    font-size:12px;
    word-break:break-all;
    text-align:left;
    line-height:150%;
    overflow:hidden;
}

 

OK,上传,看一下效果吧 :-)

 

第二个,解决播放器调用的问题。

要解决播放器调用的问题,就需要找一个可以在后台设置的地方,增加播放器调用的代码。大致看了一下后台,允许用户编辑的,而且是跟网页主体相关的,是在“链接管理”这个地方,OK,就拿它下手了~~

首先,需要明确播放器只是在首页显示还是每个页面都需要显示。

如果每个页面都需要显示(呵呵,一般人不会这么变态吧?^_^),那么可以在“导航条”里增加对播放器的调用代码。因为一般很少人这样做,这里不做示例。

一般都是需要只在首页调用。所以,可以选择在“友情链接”里增加一些调用代码。这里,我只研究了部分主题下首页内容和其他页的区别,所以,不保证在“友情链接”里增加代码的方法对所有情况适用。

为了调用播放器,而又不影响“友情链接”的形状,我们需要将播放器做一下特殊处理。让它虽然是在“友情链接”里调用的,但是显示的时候不跟友情链接在一起:

<div id=float_player border="0" style="position: absolute; height: 210px; width: 35px; left: 5px; top: 35px;">
<iframe valign="top" frameborder='0' style="width: 210px; height: 35px;" leftmargin='0' src='/plugin/zexobud/exobud.asp' topmargin='0' scrolling="no" name="mp"></iframe>
</div>

 

使用div,可以轻松的让播放器处于页面内的任意位置。所以,我这里适用了absolute的布局方式,把播放器放到了左上角~

 

OK,至此,两个难缠的家伙都被搞定了:-)

  • quote 1.艾秘书网
  • 不错。。。。希望多出好文,我有空多来踩踩
    由 lijian 于 2008-11-30 20:25:28 最后编辑
  • 2008-11-27 23:00:05 回复该留言
  • quote 3.bedecc
  • http://warcraftx.com
  • 网站主题不错能不能给发一个呢?邮箱:ccbede@21cn.com12
    lijian 于 2009-3-30 11:47:53 回复
    好啊^_^
    我把主题打包发到你信箱了哦^_^
  • 2009-3-28 16:56:16 回复该留言

发表评论:

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

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80722 Code detection by Codefense  theme by BokeZhuti

Copyright 2008-2009 C0EEBDA1. Some Rights Reserved. 备案号:京ICP备09020681号