赛捷软件论坛's Archiver

lynn.yu 发表于 2020-12-10 12:03

[KB 106971功能解说] 如何修改X3登录背景图片和配色方案?

* 本文由赛捷软件(上海)有限公司翻译完成,未经授权不得转载。如需转载,请先联系相应版块的版主取得授权。


创建日期: 09-24-2020
最后修改日期:12-04-2020
发布日期:10-14-2020
适用范围:定制>用户界面


[b]问题概要[/b]
警告:此信息按原样提供,Sage支持团队无法协助你进行任何修改,也无法对你进行培训。此信息在V12版本时有效,但可能会随着Syracuse或X3任何版本的迭代升级而改变,包括未来到V12的补丁和升级项。Syracuse的更新可以也会覆盖你所做的更改内容。应当由执行修改的人做备份。


[b]解决方法[/b]
请注意:这需要掌握如何使用Google Chrome的“开发者工具”,以及熟悉Notepad++。如果你不熟悉这两种工具,那么请不要继续。Sage支持团队无法协助你进行修改。
1.        使用Google Chrome浏览器的“开发者工具”(在使用Chrome浏览器并登录X3时,右键单击某处并选择“检查”)。
2.        当你把鼠标悬停在所有HTML代码所在的右侧面板上时,会突出显示左侧X3浏览器上的各种组件。请确定你想要的X3浏览器上的对象到底是什么。右侧面板会显示各种关键词,如“background”、“color”等,甚至会给你提供颜色选择。 Chrome会告诉你颜色的十六进制值。你需要把这个值复制/粘贴到相应的Syracuse css文件中。
3.        从右侧面板上显示的关键词(如s_profile_bar_bar)中,用Notepad++在Syracuse子目录中的Files中进行查找,找到匹配的记录。
4.        然后手动去查看每个结果,寻找各种关键词,比如“background”,并进行试错修改。

在修改某些内容之后,你必须:
1.        重启Syracuse
2.        在某些情况下清除某些浏览器的缓存/cookies。

颜色编码通常位于app.css文件中。 在V12中,app.css文件位于:
\syracuse\bin\node_modules\@sage\syracuse-react\dist\styles

登录时的背景标识来自于位于以下文件夹中的background.jpg文件:
\syracuse\bin\node_modules\@sage\syracuse-lib\public\auth\images\

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.