Java Richfaces插头&x27;n';皮肤-如何提供图像?
我正试图通过Java Richfaces插头&x27;n';皮肤-如何提供图像?,java,jsf,richfaces,skinning,Java,Jsf,Richfaces,Skinning,我正试图通过Plug'n'skin功能构建一个定制的richfaces皮肤。我和maven一起完成了这个项目。(如参考指南中所述) 我尝试使用我的应用程序中没有提供的xcss,一切看起来都是默认的。因此,我在选项卡panel.xcss中切换回了普通css。这很有效:应用了样式,但有一个问题我无法解决: 如何为css类提供图像 我的选项卡面板.css的示例 <?xml version="1.0" encoding="UTF-8"?> <f:template xmlns:f="ht
Plug'n'skin
功能构建一个定制的richfaces皮肤。我和maven一起完成了这个项目。(如参考指南中所述)
我尝试使用我的应用程序中没有提供的xcss
,一切看起来都是默认的。因此,我在选项卡panel.xcss
中切换回了普通css。这很有效:应用了样式,但有一个问题我无法解决:
如何为css类提供图像
我的选项卡面板.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>
在用baseskin重新创建了skin项目之后,我再次将其发布在这里,以使其更加清晰
注册_bg.png
de/bc/richfaces/images/register_bg.png
注册\u活动\u bg.png
de/bc/richfaces/images/register_bg.png
<?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>
<?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>