• 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可以进行覆盖。

  • 相关阅读:
    为什么要用设计模式?先看看6大原则(一)
    git版本库的创建和yaf框架环境的部署
    laravel日常小问题
    Session store not set on request.
    phpstudy集成环境安装lavarel
    html中提交表单并实现不跳转页面处理返回值
    document load 与document ready的区别
    定时器优化
    放大镜
    子组件调用父组件的方法并传递数据
  • 原文地址:https://www.cnblogs.com/wenjie/p/1853625.html
Copyright © 2020-2023  润新知