现在的位置: 首页 > 综合 > 正文

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

2012年09月02日 ⁄ 综合 ⁄ 共 1071字 ⁄ 字号 评论关闭

翻译的不好 大家见谅

 

制作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中进行。
 
 

 

抱歉!评论已关闭.