列印

BOX 文字底色 for Discuz! 6.0.0

BOX 文字底色 for Discuz! 6.0.0

原作者:未知
5.5.0 版:http://linux0911.no-ip.info/Discuz/viewthread.php?tid=8743
6.0.0 修改:Linux0911
難易程度:幼稚園
功能:使用 <div> 寫的一個框框, 來變更背景顏色, 加強文章的可讀性
轉載請註明來源:http://linux0911.no-ip.info/Discuz/viewthread.php?tid=9294
為避免跟 6.0.0 css 衝突, 我們在此使用 box60 的 css 型態
效果如下:
BOX COLOR

BOX COLOR

BOX COLOR



全新安裝:

每次安裝插件之前請先備份相關檔案


1. 後台 → 帖子管理 → Discuz! 代碼

新增:box → [詳情]

替換內容:
複製內容到剪貼簿
代碼:
<div class="box60" style="color: #fff; background-color: {1}">{2}</div>
例子:
複製內容到剪貼簿
代碼:
[box=文字底色]文字內容[/box]
解釋:
複製內容到剪貼簿
代碼:
文字底色
參數個數: 2
嵌套次數: 1

提交後, 在 box 標籤可用的框框




2. 修改 css.htm (如果有其他風格的 CSS 也須修改)

最底下加入
複製內容到剪貼簿
代碼:
/* 文字底色 - START */
.box60 {
        margin: 5px;
        padding: 2px 5px;
        border: {BORDERCOLOR} dashed 1px;
}
/* 文字底色 - END */
3. 修改 post_editor.htm

找到
複製內容到剪貼簿
代碼:
                                                <td>
                                                        <a id="{$editorid}_popup_forecolor" title="{lang post_discuzcode_forecolor}">
                                                                <span style="width: 30px; display: block;" class="dropmenu"><img src="images/common/bb_color.gif" width="21" height="16" alt="" />
<img src="images/common/bb_clear.gif" id="{$editorid}_color_bar" alt="" style="background-color:black" width="21" height="4" /></span>
                                                        </a>
                                                </td>
下面添加
複製內容到剪貼簿
代碼:
<!--// 文字底色 - START-->
                                                <td>
                                                        <a id="{$editorid}_popup_box60color" title="BOX 文字底色">
                                                        <span style="width: 30px; display: block;" class="dropmenu"><img src="images/common/bb_color.gif" width="21" height="16" alt="" />
<img src="images/common/bb_clear.gif" id="{$editorid}_color_bar" alt="" style="background-color:black" width="21" height="4" /></span>
                                                        </a>
                                                </td>
<!--// 文字底色 - END-->
找到
複製內容到剪貼簿
代碼:
                                        <!--{eval $coloroptions = array('Black', 'Sienna', 'DarkOliveGreen', 'DarkGreen', 'DarkSlateBlue', 'Navy', 'Indigo', 'DarkSlateGray', 'DarkRed', 'DarkOrange', 'Olive', 'Green', 'Teal', 'Blue', 'SlateGray', 'DimGray', 'Red', 'SandyBrown', 'YellowGreen', 'SeaGreen', 'MediumTurquoise', 'RoyalBlue', 'Purple', 'Gray', 'Magenta', 'Orange', 'Yellow', 'Lime', 'Cyan', 'DeepSkyBlue', 'DarkOrchid', 'Silver', 'Pink', 'Wheat', 'LemonChiffon', 'PaleGreen', 'PaleTurquoise', 'LightBlue', 'Plum', 'White')}-->
                                        <div class="popupmenu_popup" id="{$editorid}_popup_forecolor_menu" style="display: none">
                                        <table cellpadding="0" cellspacing="0" border="0" unselectable="on" style="width: auto;"><tr>
                                        <!--{loop $coloroptions $key $colorname}-->
                                                        <td class="editor_colornormal" onclick="discuzcode('forecolor', '$colorname');hideMenu()" unselectable="on" onmouseover="colorContext(this, 'mouseover')" onmouseout="colorContext(this, 'mouseout')"><div style="background-color: $colorname" unselectable="on"></div></td><!--{if ($key + 1) % 8 == 0}--></tr><tr><!--{/if}-->
                                        <!--{/loop}-->
                                        </tr></table></div>
下面添加
複製內容到剪貼簿
代碼:
<!--// 文字底色 - START-->
                                        <div class="popupmenu_popup" id="{$editorid}_popup_box60color_menu" style="display: none">
                                        <table cellpadding="0" cellspacing="0" border="0" unselectable="on" style="width: auto;"><tr>
                                        <!--{loop $coloroptions $key $colorname}-->
                                                        <td class="editor_colornormal" onclick="discuzcode('box60color', '$colorname');hideMenu()" unselectable="on" onmouseover="colorContext(this, 'mouseover')" onmouseout="colorContext(this, 'mouseout')"><div style="background-color: $colorname" unselectable="on"></div></td><!--{if ($key + 1) % 8 == 0}--></tr><tr><!--{/if}-->
                                        <!--{/loop}-->
                                        </tr></table></div>
<!--// 文字底色 - END-->
4. 修改 ./include/javascript/editor.js

找到
複製內容到剪貼簿
代碼:
                case 'forecolor':
                        wrapTags('color', argument);
                        break;
下面添加
複製內容到剪貼簿
代碼:
// 文字底色 - START
                case 'box60color':
                        wrapTags('box', argument);
                        break;
// 文字底色 - END
5. 修改 ./include/cache.func.php

找到
複製內容到剪貼簿
代碼:
                                                1 => "/\[{bbtag}]([^\"]+?)\[\/{bbtag}\]/is",
                                                2 => "/\[{bbtag}=(['\"]?)([^\"]+?)(['\"]?)\]([^\"]+?)\[\/{bbtag}\]/is",
                                                3 => "/\[{bbtag}=(['\"]?)([^\"]+?)(['\"]?),(['\"]?)([^\"]+?)(['\"]?)\]([^\"]+?)\[\/{bbtag}\]/is"
改為
複製內容到剪貼簿
代碼:
                                                1 => "/\[{bbtag}](.+?)\[\/{bbtag}\]/is",
                                                2 => "/\[{bbtag}=(['\"]?)(.+?)(['\"]?)\](.+?)\[\/{bbtag}\]/is",
                                                3 => "/\[{bbtag}=(['\"]?)(.+?)(['\"]?),(['\"]?)(.+?)(['\"]?)\](.+?)\[\/{bbtag}\]/is"
後臺更新快取, 完成~
Hack 安裝錯誤, 80% 來自粗心, 請專心安裝
Linux0911 打造您的個性論壇

本人現在忙於研究所, 沒多的時間管論壇, 有問題別發 pm 給我, 謝謝~
Linux0911 Forum © 2004-2009 All Rights Reserved.

TOP



論壇聲明
  • 本論壇為無營利行為之開放平台,所有文章都是由網友自行張貼,如牽涉到法律糾紛一切與本站無關。
    如網友發表之內容涉及侵權,而損及您的利益,請立即通知版主刪除。
    請勿批評中華民國元首及政府或批評各政黨,是藍是綠本站無權干涉,但這裡不是政治性論壇!
最佳瀏覽解析度:不低於 1024 (最佳 1280 以上).(支援 IE 7, Mozilla Firefox, Safari, Chrome)
The Best Surfing Resolution: No Lower than 1024 (Best: above 1280).(IE 7, Mozilla Firefox, Safari, Chrome Supported)