Code, Quote, HTML and PHP 框框美化 (by Xiuluo.org) 9-30

本帖由 godisgod2008-09-30 发布。版面名称:vBulletin 3.7.X 模板修改

  1. godisgod

    godisgod 正式会员

    汉化BY Xiuluo.org


    这个不错。



    演示:http://www.xiuluo.org/xiuluo-thread176/



    时间: 2 分钟

    难度: 易

    改变:这个修改让你的bbcode 表格框更加好看且易于分别,含PHP, HTML, Code and Quote。



    以下为修改:



    风格与模版 / Style manager --> -->主要CSS / Main CSS -->附加的 CSS 定义/ Additional CSS Definitions



    加上/Add:

    代码:
    /* ***** new code styles ***** */
    
    .bbccode{
    
    background: #FFF;
    
    border: 1px solid #FFCC66;
    
    border-top: 4px solid #FFCC66;
    
    padding: 5px;
    
    color: #996600;
    
    font-size: 12px;
    
    }
    
    .bbccodetitle{
    
    font-weight: bold;
    
    font-size: 10px;
    
    border: 0px;
    
    border-bottom: 1px dashed #CC6600;
    
    color: #CC6600;
    
    padding-bottom: 3px;
    
    margin-bottom: 5px;
    
    }
    
    /* ***** new html styles ***** */
    
    .bbchtml{
    
    background: #FFF;
    
    border: 1px solid #c3ffa8;
    
    border-top: 4px solid #c3ffa8;
    
    padding: 5px;
    
    color: #7fa66e;
    
    font-size: 12px;
    
    }
    
    .bbchtmltitle{
    
    font-weight: bold;
    
    font-size: 10px;
    
    border: 0px;
    
    border-bottom: 1px dashed #82cc00;
    
    color: #82cc00;
    
    padding-bottom: 3px;
    
    margin-bottom: 5px;
    
    }
    
    /* ***** new php styles ***** */
    
    .bbcphp{
    
    background: #FFF;
    
    border: 1px solid #ffa8a8;
    
    border-top: 4px solid #ffa8a8;
    
    padding: 5px;
    
    color: #990000;
    
    font-size: 12px;
    
    }
    
    .bbcphptitle{
    
    font-weight: bold;
    
    font-size: 10px;
    
    border: 0px;
    
    border-bottom: 1px dashed #cc0000;
    
    color: #cc0000;
    
    padding-bottom: 3px;
    
    margin-bottom: 5px;
    
    }
    
    /* ***** new quote styles ***** */
    
    .bbcquote{
    
    background: #FFF;
    
    border: 1px solid #C2CFDF;
    
    border-top: 4px solid #C2CFDF;
    
    color: #333366;
    
    padding: 5px;
    
    font-size: 9px;
    
    }
    
    .bbcquotetitle{
    
    font-weight: bold;
    
    font-size: 10px;
    
    border: 0px;
    
    border-bottom: 1px dashed #003366;
    
    color: #003366;
    
    padding-bottom: 3px;
    
    margin-bottom: 5px;
    
    }
    Now go to:



    风格与模版 / Style manager --> BB 代码布局模板 / BB Code Layout Templates --> bbcode_code



    将所有的替换为:

    代码:
     
    
    $vbphrase[code]:
     
    
    [CODE]$code
    



    [/code]



    bbcode_html



    将所有的替换为:

    代码:
     
    
    $vbphrase[html_code]:
     
    
    [CODE]$code
    



    [/code]



    bbcode_php



    将所有的替换为:

    代码:
     
    
    $vbphrase[php_code]:
     
    
    [CODE] 
    
     
    
    $code 
    
     
    
    
    



    [/code]



    bbcode_quote



    将所有的替换为:

    PHP:

     

    $vbphrase
    [quote]: $vbphrase[originally_posted_by_x]     [URL="showthread.php?$session[sessionurl]p=$postid#post$postid"][IMG]$stylevar[imgdir_button]/viewpost.gif[/IMG][/URL]
     

    $message
     

     

    $vbphrase
    [quote]:
     

    $message
     

     

     

     
     

    附件文件:

  2. 枫非寒

    枫非寒 ZiY 贵宾

    如果有“全选”按钮我一定会改的,现在的,意义不大……
     
  3. suiz

    suiz 普通会员

    什么叫全选按钮?!
     
  4. 枫非寒

    枫非寒 ZiY 贵宾

    :nose pick:就是点一下就把代码全部复制或者全部选定啦。
     

    附件文件:

    • 45.png
      文件大小:
      2.6 KB
      浏览:
      10
  5. 03061109

    03061109 普通会员

    我也想要这种全选按钮