zoukankan      html  css  js  c++  java
  • mojoportal学习——文章翻译之style.config文件

    翻译的不好 大家见谅


    在mojoPortal中,style.config中有一个css文件列表。CssHandler把所包含的文件混合使之最小化。这样做的

    好处是你可以把css放在多个文件中,使得条目清晰,而不影响性能。

    css文件的排序是重要的,将会以排序的顺序加载和混合化。如果你懂得css,你会记得低处的css会比高出的css
    有更大的优先权。

    》》》有3中方法配置文件

    皮肤模板文件夹中的css文件的添加方法非常简单,如下:

    <file>style.css</file>

    如果你有一些css文件放置到一些公共的地方,并且在多个模板中使用,添加方法如下:

    <file cssvpath="/ClientScript/oomph/oomph.css" imagebasevpath="/ClientScript.oomph/">none</file>

    cssvpath是一个相对网站根目录的路径。如果你的css文件中用到了一些图片,你应该把他们放到css文件相同的文件夹中,

    并指定 imagebasevpath . 这样CssHandler能够解析正确的图片路径。

    如果你有一些css文件与javascript 插件相关联,并且当升级新版本时位置可能变化时,你可以添加文件在

    web.config/user.config中。  这样,下次升级是更改这些设置即可,而不需要改动style.config

    举个例子:
    我使用的YUI文件放置在/ClientScript/yui270b文件夹中,下次升级时yui270b会有变化,这样的化我在

    web.config/user.config中做如下设置:

    <add key="YUITabCss" value="~/ClientScript/yui270b/assets/skins/sam/tabview.css" />
    <add key="YUISkinImagePath" value="/ClientScript/yui270b/assets/skins/sam/" />

    然后在style.config中如下设置:

    <file csswebconfigkey="YUITabCss" imagebasewebconfigkey="YUISkinImagePath">none</file>

    可以看出,这种方法有着很好的扩展性。

    》》》》多个模板中用到的通用CSS文件

    <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>

    技巧:把通用css放在你的style.config顶端,这样在style.css可以进行覆盖。

  • 相关阅读:
    【刷题】LOJ 6038 「雅礼集训 2017 Day5」远行
    【刷题】BZOJ 4650 [Noi2016]优秀的拆分
    【刷题】BZOJ 4566 [Haoi2016]找相同字符
    【刷题】BZOJ 3238 [Ahoi2013]差异
    微信公众号_订阅号_被动回复用户消息
    艺术模板 art-template-web
    AJAX_违反了同源策略_就是"跨域"——jsonp 和 cors
    Ajax_简介: 异步的 JS 和 XML_原生写 ajax 分析其原理_jquery_ajax_art-template
    Node.js_express_临时会话对象 session
    BOM 浏览器对象模型_XMLHttpRequest 对象
  • 原文地址:https://www.cnblogs.com/wenjie/p/1853625.html
Copyright © 2011-2022 走看看