Mojoportal learning-Article translation-mojoportal skin Template

Sorry for the poor translation.

 

It is very easy to create a mojoportal template. Find an existing template, copy it, and modify it.

You don't know much about it. You will find it easy to use artisteer to create a template.

Storage location of template files

The template file is stored in the/data/sites/[siteid]/skins folder. In this way, skin templates can be independent for multiple sites.

When a new website is created, the template file is copied from the/data/skins folder to the/data/sites/[new site id]/skins folder.

You need to know:

1: When you modify the CSS file, you cannot see the changes when refreshing the browser. This is because the CSS is cached on the server and

Browser, so when you modify the template, You need to disable CSS cache by adding the following code in the user. config file:

<Add key = "cachecssonserver" value = "false"/>
<Add key = "cachecssinbrowser" value = "false"/>

After that, place a space in the web. config file to let the Order know that things have changed.

After the design is complete, the cache is started, so that a good performance can be achieved.

Design Process:
Firefoxbrowser should be used first. This is a comparison standard browser. Later, if the display is abnormal in IE, you can use iespecific.css
Ie7specific.css. Do not design it directly in IE, which may cause problems when using other browsers.

CSS troubleshooting

By default, mojoportal Note: The s processor combines all CSS files in the style. config file. Directly accessing the CSS file makes it difficult to see what happened on the CSS file.

You can perform the following operations before debugging the CSS file:

<Add key = "minifycss" value = "true"/>
<Add key = "combinecss" value = "true"/>

Generally, you can disable minifycss.

Note:

When defining a background image in a CSS file, use single quotes as follows:

Url('someimage.png ');

Instead:

URL ("someimage.png ");

Template structure:

Currently, there are very few practical tables for layout, but sometimes practical tables are used when data is displayed.

Composition of mojoportal skin:

(1): folder named after Template Name
(2): layout. Master
(3): theme. Skin (not recommended)
(4); style. config (configuration file containing CSS file)
 
Do not contain spaces in the folder name or file name.
 
The design template is that most of the work is carried out around CSS files, and a small part is carried out in layout. master.