Question

我正在尝试使用Plug'n'Skin功能构建自定义richfaces外观。我用maven构建了这个项目。（如参考指南中所述）

我尝试使用未提供给我的应用的xcss - 一切看起来都是默认的。所以我在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>

Answer 1

在使用基础皮肤重新创建皮肤项目之后，它就像我的问题一样为我制作，我再次在此处发布以便更清晰

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

Richfaces Plug'n'Skin - 如何提供图像？

1 个答案: