Z-Blog增加日志中“引用文字”的背景样式

网(LieHuo.Net)教程 Z-Blog如何增加日志中“引用文字”的背景样式问题,看到论坛上有许多小盆友(高手请自觉飘过)在问这个问题,于是也跟着搜索了下,经过多次测试,发现不少共享的方法都已失效了。只好自己动手解决!今天分享一下我的方法——

先看效果截图:

  注意:IE下不支持圆角效果。(支持火狐、谷歌chrome等)

实现方法如下:

1.上传背景图片blockquote.gif至“/THEMES/你的模板文件名/STYLE/imges/”目录下。(位置可自定,记下图片路径即可)

2.修改模板CSS文件,在其最下方插入如下代码:

以下为引用的内容:
blockquote, pre {
background:#F4F5F7 url(“images/blockquote.gif”) 3px 3px no-repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:0px dashed #D0D0D0;
padding:8px 12px 8px 36px;
margin:5px 0;}

保存。

3.后台“文件重建”,OK,看看效果吧。

波比源码 – 精品源码模版分享 | www.bobi11.com
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 本站源码并不保证全部能正常使用,仅供有技术基础的人学习研究,请谨慎下载
8. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

波比源码 » Z-Blog增加日志中“引用文字”的背景样式

发表评论

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系站长
赞助VIP 享更多特权,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡