相信很多人初次看到主题包设计使用指南的时候一定被吓到了，又是接口又是js代码之类的。可是你问问那些已经提交了主题的，难吗？比如 @海绵宝宝 ，即使不懂js、css、ps的帆薯也做出了相当漂亮的动态主题。
3分钟内我教会你制作主题。
1、安装主题包：打开设计器，点击服务器——报表平台管理——登陆决策平台——管理系统——平台外观——添加主题，双击下载的.zip主题包，刷新即安装好了。
2、设计主题包：进入下图所示目录，即可看到刚刚安装的主题，内一般含四个文件，分别是一张背景图，一张封面图（即效果截图），一个css和一个js，仅此而已。
2_1、bg.jpg是主题背景，用你的替换之
2_2、cover.png是主题封面，效果截图替换之
2_3、theme.js，若不懂js我们不改它便是！！若想做新的交互和布局效果就请登陆论坛查看主题设计指南
2_4、style.css，用记事本即可打开修改
那么如何制作新主题？就在别人基础上修改即可。一个主题与另一个主题最明显的区别不就是背景图、配色和交互布局吗？
1、先说交互布局，如果不懂没关系，我不改js及其他css代码就好了。现在论坛上提供的主题已经基本覆盖了常见的导航在左、在上、在右三种位置，以及二级目录树导航和经典方块导航（即modern），喜欢哪种布局就下载一个，在此基础上修改背景图和配色即可。
2、改背景图。用记事本打开style.css，看到最后一句：
- body{background: url('${servletURL}?op=resource&resource=/fstheme/fs-theme-red/bg.jpg') !important;}
若你下载的主题包里style.css打开后没有上面这行代码，说明这个主题用的就是系统默认的背景，你也可以不加，若需添加复制上面这句到里面任何位置即可。
3、改配色。其实就是用记事本打开style.css，修改下这几行颜色代码（#******）：
若你下载的主题包没这几行代码，说明该主题用的是系统默认配色，你也可以效仿不改配色，或者复制以下几行到style.css里修改就可以了，代码如下：
- /*高亮色*/
- .fui-bsb{
- background-color: #333366 ;
- }
- .fui-bsc{
- color: #050505 ;
- }
- .fui-bsd{
- border-color: #050505 ;
- }
- /*图标外框色*/
- .fui-fhc{
- color: #cccccc;
- }
- .fui-fht{
- text-shadow: 0 0 3px #cccccc;
- }
- /*底栏色*/
- .fui-seb{
- background-color: #a00605;
- }
- /*文字色*/
- .fui-fbc{
- color: #fff ;
- }
- .fui-fbt{
- text-shadow: 0 0 1px #cccccc;
- }
3、生成主题包：即把上述四个文件打包压缩成zip格式（注意不是压缩文件夹，文件名去掉“fs-theme-”），上传至论坛，坐等拿奖，不可谓不简单！你要是还有不明白之处，请回帖或加我qq（3519719823）。
|
