mojoportal学习——文章翻译之mojoportal的皮肤模板

翻译的不好 大家见谅

 

制作mojoportal模板是很简单的，找一个已经存在的模板，复制一份，修改一下即可，如果你对html和css

知识了解不多，你会发现使用Artisteer来创建模板也很简单。

模板文件的存放位置

模板文件存放在/Data/sites/[SiteID]/skins文件夹中。这样也可以保持多个站点情况下皮肤模板的独立。

当新网站被创建时，模板文件从/Data/skins文件夹下拷贝到/Data/Sites/[new site id]/skins文件夹下。

需要知道的：

1：当你修改了css文件时，刷新浏览器看不到变化，这是由于基于效率的考虑，css被缓存在服务器端和

浏览器端，所以在修改模板时，你需要禁用css缓存，步骤是：在user.config文件中添加如下代码：

<add key="CacheCssOnServer" value="false" />
<add key="CacheCssInBrowser" value="false" />

完成以后再web.config文件中打一个空格，使得序能够知道事情有了变化。

当完成设计之后，把缓存启动，这样可以有一个好的性能。

设计过程：
应该首先使用Firefox浏览器，这是比较标准的浏览器，之后，如果在ie中显示不正常，你可以在IESpecific.css
或者IE7Specific.css中纠正这个问题。不要在IE中直接设计，那样在使用其他浏览器时会出现问题。

CSS故障排除

默认情况下，mojoportal 注意：s处理器组合所有的css文件在style.config文件中。直接访问css文件很难看到css文件上发生了什么。

你可以调试css文件前，进行如下操作：

<add key="MinifyCSS" value="true"/>
<add key="CombineCSS" value="true"/>

通常情况下，禁用MinifyCSS就可以了

注意：

当定义背景图片在css文件时，请使用单引号，如下

url('someimage.png');

而不是：

url("someimage.png");

模板结构：

现在的皮肤很少实用表格进行布局，只是在显示数据时有时实用表格。

mojoportal皮肤的构成：

（1）：以模板名命名的文件夹
（2）：layout.master
 （3）：theme.skin (不推荐使用）
 （4）；style.config （包含css文件的配置文件)
 
 文件夹名以及文件名中都不要包含空格。
 
 设计模板是，大部分工作是围绕css文件进行，少部分是在layout.master中进行。