目前在用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,至此,两个难缠的家伙都被搞定了:-)