角度 发表于 2009-1-31 13:49:07

高亮显示引用文章的代码

若想把文章中出现的一些源代码高亮显示,就像chinaz一些文章中把文章中的举列代码用一些框围起来,让用户看起来比较直观,很简单,方法如下:

若你是用dedecms网站程序,只要在dedecms.css里加入给Code做个样式,比如我的站用这种样式,当然你可以自定义:

.Code{
white-space:pre-wrap;
word-wrap:break-word;
font-family: "Courier New", Courier, monospace;
margin: 10px 20px 0px 20px;
padding: 3px 10px 3px 15px;
border: 1px dashed #e2bf8c;
border-left: 5px solid #bb6f02;
background: #fafafa;
display: block;}

然后在编辑器把源代码设置成Code样式.
CSS样式里的Code中的C一定要大写,小写的话无效了


DEDECMS 5.3 如何给文章加边框
在后台找到CSS中的 page.css 文件

然后在下面的代码中:
.viewbox .content{
font-size:14px;
padding:12px 16px;
line-height:25px;
color:#333;
}

加入 border:1px solid #DDD;代码
border 参数可以自己定义

如下代码
.viewbox .content{
font-size:14px;
padding:12px 16px;
line-height:25px;
color:#333;
border:1px solid #DDD;
}
页: [1]
查看完整版本: 高亮显示引用文章的代码