[WordPress] wordpress中使用WP-Syntax加亮代码

Feb 28th, 2008

转载本站文章请注明,转载自:扶凯[http://www.php-oa.com]

本文链接: http://www.php-oa.com/2008/02/28/wordpresszhongshiyongwp-syntaxjialiangdaima.html

通过以下地址取得WP-Syntax,将其放入wp-content/plugins/下. http://wordpress.org/extend/plugins/wp-syntax 编辑当前主题的CSS,加入以下内容

.wp_syntax {

color: #100;

background-color: #f9f9f9;

border: 1px solid silver;

margin: 0 0 1.5em 0;

overflow: auto;

}/* IE FIX */

.wp_syntax {

overflow-x: auto;

overflow-y: hidden;

padding-bottom: expression(this.scrollWidth >
this.offsetWidth ? 15 : 0);

width: 100%;

}

.wp_syntax table {

border-collapse: collapse;

}

.wp_syntax div, .wp_syntax td {

vertical-align: top;

padding: 2px 4px;

}

.wp_syntax .line_numbers {

text-align: right;

background-color: #def;

color: gray;

overflow: visible;

}

/* potential overrides for other styles */

.wp_syntax pre {

margin: 0;

width: auto;

float: none;

clear: none;

overflow: visible;

}

使用方法:<pre lang="LANGUAGE" line="1">代码</pre>

Del.icio.us Google书签 Digg Live Bookmark Technorati Furl Yahoo书签 Facebook 百度搜藏 新浪 ViVi 365Key 网摘 天极网摘 和讯网摘 博拉网 POCO 网摘 饭否 QQ 书签 Digbuzz 我挖网 Mister Wong
Tags:
  1. 园子
    Jun 4th, 2009 at 18:28
    Reply | Quote | #1

    您好
    能不能帮我个小忙呢
    您帮我看下这个页面
    http://www.yzznl.cn/archives/225.html
    我用的是wp-Syntax 插件
    但为什么使用了之后会显示这种效果呢?
    反复试过了始终没能明白是怎么回事。
    谢谢你

  2. admin
    Jun 6th, 2009 at 18:22
    Reply | Quote | #2

    联系方法