我正在尝试通过
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>