richyaya

首先制作一个线条的GIF或者JPG图片，我做的是3X20像素（bgline.gif），在ZBLOG默认的字体大小下，注意GIF图片高度一定要是20，否则所显示的线条就会比较乱。
将图片上传至STYLE/default/目录里。
然后修改./STYLE/default.css里的代码：
找到

复制内容到剪贴板

代码:

div.post div.post-body{
        width:520px;
        margin:0 0 0 0;
        padding:0 0 0 5px;
        font-size:13px;
        word-break:break-all;
        text-align:left;
        line-height:150%;

}

在最后加入

复制内容到剪贴板

代码:

        background:url("default/bgline.gif");

即修改后的代码为：

复制内容到剪贴板

代码:

div.post div.post-body{
        width:520px;
        margin:0 0 0 0;
        padding:0 0 0 5px;
        font-size:13px;
        word-break:break-all;
        text-align:left;
        line-height:150%;
        background:url("default/bgline.gif");
}

重建索引就OK了。

效果见我的个人网站刘亚·随心所欲……    http://www.liuya.net

另外注意，如果用我这个GIF图片或者自己制作的20像素高的图片修改好了代码，还是部分文章不正常显示线条在每行文字的下行，请到后台管理--文章管理里面，修改显示不正常的文章，具体切换到源代码编辑状态下，删除所有<p>和</p>，或者替换为<br>、<br />均可！
当然，你也可以自己修改了默认字体大小，自己去试相应的字体大小下，图片的像素要多高了。
附我网站中的线条GIF图片(你也可以用我这个图片。)

[ 本帖最后由 richyaya 于 2007-3-15 19:45 编辑 ]

onan

挺好看的 谢谢分享
我去试试

onan

用过了
如果插入图片的话
要调整图片尺寸对齐到线条  不然线条就有些乱
有点麻烦
看了一下 这个和以前的coffee样式中使用的方法是一样
不过还是谢谢楼主提供  不知有没有高人提供下对齐图片的解决方法

richyaya

呵呵，不好意思，没写清楚，贴中所说的高度为20指的是所制作的GIF图片的height为20像素。这个像素下与ZBLOG默认字体大小下刚好对齐，具体看我的网站http://www.liuya.net喽。