插件作者的标准出来了!Manyou诚邀开发者加盟!
“互联网平台开发者”特刊 有奖征集开发者
立即免费下载 Discuz!6.1.0正式版
Discuz! 6.1.0 使用说明
Discuz!NT2.5正式版发布
开放源码下载
UCenter Home 1.2 正式版发布
官方站 | 帮助文档
基于ECShop的网店托管-卖否
PHP就业培训直通车 | LAMP培训大连
Discuz!收费服务内容及价格
《站长》杂志读者调查表
Discuz!/ECShop 专用官方虚拟主机
Insenz最新活动精美礼品大派送!
Comsenz 招聘信息
网店系统ECShop v2.6.0正式版火热发布
基于Discuz!的免费论坛空间5D6D
《站长》第七期:2008SNS进行时
发新话题
打印

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

本主题由 南芝恋 于 2008-4-28 17:38 关闭

同88楼的问题!

同88楼的问题!


88楼是把输入的字全选反白了吧,要不然字也是白的的,这在黑色风格下异常刺眼不协调,还有我按照楼主的指示修改了CSS。HTM:
input, select, textarea {
        font: {FONTSIZE} {FONT};
        color: xxx;
        font-weight: normal;
        background-color: xxxx;
        border: 1px solid {INPUTBORDER};
一样不好用,,除了快速回复的文本框背景色改过来了,其他所有的文本编辑框都是白的。
引用:
原帖由 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 编辑 ]
目前5.0版在輸入「連結」這個代碼時,似乎取消了輸入文字這各部份。
可否讓他像之前的版本一樣,先輸入顯示文字後,在輸入連結呢?


請看我上傳的圖片

附件

aaa.GIF (17.38 KB)

2006-9-8 15:14

aaa.GIF

不错好东西收了。
http://bbs.gxcoc.com
收藏!~!先
不错
手了
请问下拉菜单右边和底部的阴影如何去掉?

附件

Snap1.gif (2.92 KB)

2006-9-8 17:24

Snap1.gif



先感谢楼主耐心的回复!

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

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 编辑 ]
引用:
以下部分是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 编辑 ]
厉害啊~
加入魔幻精灵http://www.mhjl.cn网网站变灰行动!众志成城!加油四川!
发新话题
版块跳转