电脑技术学习

给z-blog博客添加插入运行html代码框的小插件

dn001
用过z-blog博客的朋友都知道,程序本身没有插入运行html代码框的功能,本现准备建一个以网页代码为主的博客,如果没有这个功能是非然不方便的,在论坛找了半天没有找到自己合适的,所以自己想办法开发一个并在此发出来与大家分享一下!

说明:

1、首先下载附件解压,导入插件 RunCopySave.zpi 并而启动。

2、在后台“UBB编辑器就可以看到相关按钮,点击按钮就可以显示出[CODE_HTML][/CODE_HTML]标签。

3、另外代码器定义了一个CSS样式class="post-textarea" 标签,

可以在风格CSS中加入定义代码如下面代码(可加可不加):
  1. input, textarea {
    ;
  2. background: #fefefe;
    ;
  3. border: 1px solid #ccc;
    ;
  4. }
    ;
  5. div.post .post-textarea{
    ;
  6. background-color: #E7E5DC;
    ;
  7. width: 700px;
    ;
  8. height:150px;
    ;
  9. font-size:12px;
    ;
  10. overflow: auto;
    ;
  11. margin: 12px 0 12px 0 !important;
    ;
  12. padding:5px;
    ;
  13. border:1px dotted black;
    ;
  14. }
复制代码
4、已经成功了效果请看:
http://www.ycjan.com/cssdiv/20090518678.html