Richfaces Plug'n'Skin - 如何提供图片？答案

【问题标题】：Richfaces Plug'n'Skin - how to provide images?Richfaces Plug'n'Skin - 如何提供图片？
【发布时间】：2010-08-24 09:42:07
【问题描述】：

我正在尝试通过 Plug'n'Skin 功能构建自定义的 Richfaces 皮肤。我已经用 maven 构建了这个项目。（就像它在参考指南中提到的那样）

我尝试使用 xcsswich 没有提供给我的应用程序 - 一切看起来都像默认值。所以我在tab-panel.xcss 中切换回了普通的 CSS。这有效：应用了样式，但有一个我无法解决的问题：

如何为我的 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>

【问题讨论】：

标签： java jsf richfaces skinning

【解决方案1】：

在使用 baseskin 重新创建皮肤项目后，它对我来说就像在我的问题中一样，为了更清晰，我再次将其发布在这里

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

【讨论】：