程序员人生 网站导航

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

栏目:WordPress时间:2014-06-18 19:15:04

  网(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,看看效果吧。

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐