bo-blog阅读更多之美化

微软IE小组再次给firefox献上蛋糕

bo-blog上如何使用OpenID

13 Jul.2008

作者: yeyo 分类：网络生活出处：本站原创

大 | 中 | 小

　　在论坛看到一网友要求bo-blog的阅读更多用图片代替，所以有了这篇日志，其实实现起很容易，这里我提供两种美化方法：一种是给阅读更多加上背景图，另一种是直接用一个图片代替，下面分别以bo-blog2.1.0默认模板为例。
第一种方法，查找默认模板中的：

$elements['entryadditional']=<<<eot
<div style="margin-top: 9px;">
<img src="{$template['images']}/readmore.gif" alt=""/>{readmore}
</div>
eot;

将其修改为：

$elements['entryadditional']=<<<eot
<div class="readmore">{readmore}</div>
eot;

最后在CSS中加上如下的定义：

.readmore {
    margin: 10px 0 0 0;
    padding: 0 0 0 40px;
    height: 36px;
    width: 120px;
    color: #333;
    background: url('images/readmore.gif') 0 1px no-repeat;
}

即可，根据自己情况，修改上面的值，本站现在用的就是这种方法。
第二种方法，查找默认模板中的：

$elements['entryadditional']=<<<eot
<div style="margin-top: 9px;">
<img src="{$template['images']}/readmore.gif" alt=""/>{readmore}
</div>
eot;

将其修改为：

$elements['entryadditional']=<<<eot
<div style="margin-top: 9px;">
<a href="{entryrelurl}#entrymore" title="{$lnc[67]}"><img src="{$template['images']}/readmore.gif" border="0"></a>
</div>
eot;

好，大功告成，也许你还有其他的美化方法，如果有请记得在评论中分享！