Discuz! 5.0模板风格系列教程－－图解模板编辑界面方案

lastpig

同88楼的问题！


88楼是把输入的字全选反白了吧，要不然字也是白的的，这在黑色风格下异常刺眼不协调，还有我按照楼主的指示修改了CSS。HTM：
input, select, textarea {
        font: {FONTSIZE} {FONT};
        color: xxx;
        font-weight: normal;
        background-color: xxxx;
        border: 1px solid {INPUTBORDER};
一样不好用，，除了快速回复的文本框背景色改过来了，其他所有的文本编辑框都是白的。

dfox

原帖由 NBA在线直播 于 2006-9-8 11:26 发表
DZ这么多版本中我最喜欢5.00这个版了。好了，废话不多说了。


  写错了  如果---->如何....  网站见
http://www.jay-z.cn/bbs/index.php  原版风格
http://www.jay-z ...

同88楼的问题！


同88楼的问题！


88楼是把输入的字全选反白了吧，要不然字也是白的的，这在黑色风格下异常刺眼不协调，还有我按照楼主的指示修改了CSS。HTM：
input, select, textarea {
        font: {FONTSIZE} {FONT};
        color: xxx;
        font-weight: normal;
        background-color: xxxx;
        border: 1px solid {INPUTBORDER};
一样不好用，，除了快速回复的文本框背景色改过来了，其他所有的文本编辑框都是白的。

关于Discuz!编辑器颜色的问题，可以参考下面的方法进行调整

根目录下/include/editor.js中定义的
第110行

editdoc.body.style.backgroundColor = '#FFFFFF';

这里的颜色是控制所见即所得模式下编辑器输入框背景色

以下部分是css.htm中的css定义：

.editor_switcher {
        position: relative;
        top: 1px;
        border-bottom: 1px solid {BORDERCOLOR};
        background: {ALTBG1};
        margin-left: 10px;
        vertical-align: middle;
}
这里的颜色background是控制非当前标签项背景颜色

建议将{ALTBG1}定义成颜色，以免在后台设置ALTBG1的背景图片时编辑器出现异样背景


.editor_switcher_highlight {
        position: relative;
        top: 1px;
        border-bottom: 1px solid #FFFFFF;
        background: #FFFFFF;
        margin-left: 10px;
        vertical-align: middle;
        font-weight: {BOLD};
}
这里的颜色background是控制当前高亮标签项背景颜色

.editor_text {
        font: {MSGFONTSIZE} {FONT};
        border: 1px solid {BORDERCOLOR};
        border-top: 0px;
        background: #FFFFFF;
}
这里的颜色background是控制Discuz!代码模式下输入区域背景颜色

.editor_text textarea {
        border: 0px;
        background: #FFFFFF;
        overflow: auto;
        padding: 4px;
}
这里的颜色background是控制Discuz!代码模式下textarea背景颜色


用户可根据自己论坛的需要对上面的js和css进行调整以达到合适的页面效果

补充：
editdoc.body.style.backgroundColor = '#FFFFFF';

这个颜色可以自定义成变量，然后在后台模板风格中添加该变量，并给变量赋值就可以了。

如下：

editdoc.body.style.backgroundColor = {editdocbg};


在后台中新增变量editdocbg，就可以在后台定义这里的背景颜色了。

[ 本帖最后由 dfox 于 2006-9-8 14:37 编辑 ]

snappy

目前5.0版在輸入「連結」這個代碼時，似乎取消了輸入文字這各部份。
可否讓他像之前的版本一樣，先輸入顯示文字後，在輸入連結呢？


請看我上傳的圖片

火焰风云

不错好东西收了。

ㄨЬái鷺♂

收藏!~!先

qqab

不错
手了

supervbb

请问下拉菜单右边和底部的阴影如何去掉？

lastpig

郁闷

先感谢楼主耐心的回复！

根据楼主的指示，费了老长时间也没弄明白……问题如下：

A：“清除文本格式”的黄色背景和文字颜色如何修改？

B和C：白色背景如何修改

D：wysiwyg的白色背景如何修改

E：图中编辑器的背景是黑色，但切换到discuz!代码模式就变白的了，整个编辑器背景一片白，太刺眼了……

     
F:最不解的是：图中E的黑色我是根据楼主教导的在/include/editor.js  里修改  editdoc.body.style.backgroundColor = {editdocbg};
开始怎么改都不好用，后来把这句变量加上引号生效了，但是，无论后台变量怎么赋值，E都是一个色，就是图中的黑色，也是背景色
就是说editdocbg这个变量没起作用呀

A和F不解决也行，凑合能用，BCDE的白色都太碍眼了，麻烦楼主帮忙费心拉！谢谢！

[ 本帖最后由 lastpig 于 2006-9-9 00:40 编辑 ]

lastpig

以下部分是css.htm中的css定义：

.editor_switcher {
        position: relative;
        top: 1px;
        border-bottom: 1px solid {BORDERCOLOR};
        background: {ALTBG1};
        margin-left: 10px;
        vertical-align: middle;
}
这里的颜色background是控制非当前标签项背景颜色

建议将{ALTBG1}定义成颜色，以免在后台设置ALTBG1的背景图片时编辑器出现异样背景


.editor_switcher_highlight {
        position: relative;
        top: 1px;
        border-bottom: 1px solid #FFFFFF;
        background: #FFFFFF;
        margin-left: 10px;
        vertical-align: middle;
        font-weight: {BOLD};
}
这里的颜色background是控制当前高亮标签项背景颜色

.editor_text {
        font: {MSGFONTSIZE} {FONT};
        border: 1px solid {BORDERCOLOR};
        border-top: 0px;
        background: #FFFFFF;
}
这里的颜色background是控制Discuz!代码模式下输入区域背景颜色

.editor_text textarea {
        border: 0px;
        background: #FFFFFF;
        overflow: auto;
        padding: 4px;
}
这里的颜色background是控制Discuz!代码模式下textarea背景颜色


用户可根据自己论坛的需要对上面的js和css进行调整以达到合适的页面效果

还有以上关于CSS。HTM的修改，我试了下没一个生效的，恳请楼主详细说明下……各项的具体位置？

我的问题主要是：“这里的颜色background是控制Discuz!代码模式下textarea背景颜色  ”   是不是就指楼上E那一片在“DISCUZ代码模式”下的颜色？改完还白的呀苍天啊……




[ 本帖最后由 lastpig 于 2006-9-9 01:00 编辑 ]

mhjl2006

厉害啊~