Mojoportal learning-style. config file for document translation

Sorry for the poor translation.

 

In mojoportal, style. config contains a list of CSS files. Csshandler minimizes the mixing of included files. This is done

The advantage is that you can put CSS in multiple files to make the entries clear without affecting the performance.

The sorting of CSS files is important and will be loaded and mixed in the order of sorting. If you know CSS, you will remember that the CSS at the bottom will be higher than the CSS at the bottom.
Has a higher priority.

"Contains 3 Method Configuration Files

The method for adding CSS files in the skin template folder is very simple, as follows:

<File> style.css </File>

If you have some CSS files stored in some public places and use them in multiple templates, add them as follows:

<File cssvpath = "/clientscript/oomph/oomph.css" imagebasevpath = "/clientscript. oomph/"> none </File>

Cssvpath is a path relative to the root directory of the website. If some images are used in your CSS file, you should put them in the same folder of the CSS file,

Specify the imagebasevpath so that csshandler can parse the correct image path.

If you have some CSS files associated with the Javascript plug-in, and the location may change when the new version is upgraded, you can add files in

Web. config/user. config. In this way, you can change these settings for the next upgrade without changing style. config.

For example:
The Yui file I used is placed in the/clientscript/yui270b folder. During the next upgrade, yui270b will change.

Make the following settings in Web. config/user. config:

<Add key = "yuitabcss" value = "~ /Clientscript/yui270b/assets/skins/SAM/tabview.css "/>
<Add key = "yuiskinimagepath" value = "/clientscript/yui270b/assets/skins/SAM/"/>

Then, set style. config as follows:

<File csswebconfigkey = "yuitabcss" imagebasewebconfigkey = "yuiskinimagepath"> none </File>

It can be seen that this method has good scalability.

"General CSS files used in multiple templates

<File cssvpath = "/clientscript/oomph/oomph.css" imagebasevpath = "/clientscript/oomph/"> none </File>
<File cssvpath = "/data/style/cluetip/jquery.cluetip.css" imagebasevpath = "/data/style/cluetip/"> none </File>
<File cssvpath = "/data/style/jqtoolbar/style.css" imagebasevpath = "/data/style/jqtoolbar/"> none </File>
<File cssvpath = "/data/style/gridview/softgreygridview.css" imagebasevpath = "/data/style/gridview/"> none </File>
<! -- Other Options for File Manager
<File cssvpath = "/data/style/gridview/chromeblackgridview.css" imagebasevpath = "/data/style/gridview/"> none </File>
<File cssvpath = "/data/style/gridview/chromegridview.css" imagebasevpath = "/data/style/gridview/"> none </File>
<File cssvpath = "/data/style/gridview/glassblackgridview.css" imagebasevpath = "/data/style/gridview/"> none </File>
<File cssvpath = "/data/style/gridview/softgreygridview.css" imagebasevpath = "/data/style/gridview/"> none </File>
<File cssvpath = "/data/style/gridview/whitechromegridview.css" imagebasevpath = "/data/style/gridview/"> none </File>
<File cssvpath = "/data/style/gridview/yahoogridview.css" imagebasevpath = "/data/style/gridview/"> none </File>
-->
<File cssvpath = "/data/style/qtfile/default.css" imagebasevpath = "/data/style/qtfile/"> none </File>

Tip: place the general CSS on your style.configterminal, which can be overwritten by style.css.