原作者:未知
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;
// 文字底色 - END5. 修改 ./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"後臺更新快取, 完成~