代码之家  ›  专栏  ›  技术社区  ›  onigunn

richfaces plug'n'skin-如何提供图像?

  •  0
  • onigunn  · 技术社区  · 15 年前

    我正在尝试通过 Plug'n'Skin 特征。我和马文一起建造了这个项目。(就像参考指南中提到的那样)

    我试过用 xcss wich没有提供给我的应用程序-一切看起来都是默认的。所以我切换回正常的CSS tab-panel.xcss . 这是可行的:应用了样式,但有一个问题我无法解决:

    如何为我的CSS类提供图像?

    我的例子 tab-panel.css

    <?xml version="1.0" encoding="UTF-8"?>
    <f:template xmlns:f="http://jsf.exadel.com/template"
    xmlns:u="http://jsf.exadel.com/template/util"
    xmlns="http://www.w3.org/1999/xhtml">
    <f:verbatim>
    <![CDATA[
        .rich-tab-active {
            background-image:url(register_active_bg.png);
            background-repeat:repeat-x;
            font-weight:bold;
            color:#000000;
            border-top:1px solid #c8c8c8;
        }
        .rich-tab-bottom-line {
        }
        .rich-tab-disabled, .rich-tab-inactive {
            background-image:url(register_bg.png);
            background-repeat:repeat-x;
            color:#969696;
        }
        .rich-tab-header {
            width:160px;
            height:45px;
            line-height:43px;
            font-size:12px;
            text-transform:uppercase;
            text-align:center;
        }
        .rich-tabhdr-cell-active {
        }
        .rich-tabhdr-cell-disabled {
        }
        .rich-tabhdr-cell-inactive {
        }
        .rich-tabhdr-side-border {
        }
        .rich-tabhdr-side-cell {
        }
        .rich-tabpanel {
            width:818px;
        }
        .rich-tabpanel-content {
        }
        .rich-tabpanel-content-position {
        }
    ]]>
    </f:verbatim>
    </f:template>
    

    我已经尝试在我的 resource-config.xml

    <?xml version="1.0" encoding="UTF-8"?>
    <resource-config>
        <resource>
            <name>register_bg.png</name>
            <path>de/bc/richfaces/images/register_bg.png</path>
        </resource>
        <resource>
            <name>register_active_bg.png</name>
            <path>de/bc/richfaces/images/register_bg.png</path>
        </resource>
    </resource-config>
    
    1 回复  |  直到 14 年前
        1
  •  0
  •   onigunn    14 年前

    在用一个基本皮肤重新创建了这个皮肤项目之后,我再次把它发布在这里,以获得更清晰的效果。

    <?xml version="1.0" encoding="UTF-8"?>
    <resource-config>
        <resource>
            <name>register_bg.png</name>
            <path>de/bc/richfaces/images/register_bg.png</path>
        </resource>
        <resource>
            <name>register_active_bg.png</name>
            <path>de/bc/richfaces/images/register_bg.png</path>
        </resource>
    </resource-config>