title: Richfaces Plug'n'Skin - how to provide images?
body: <p>I'm trying to build a custom richfaces skin by the <code>Plug'n'Skin</code> feature. I've build the project with maven. (like its mentioned in the reference guide) </p>
  
  <p>I've tried to use the <code>xcss</code>wich isn't supplied to my app - everything looks like default. So I switched back to normal css in my <code>tab-panel.xcss</code>. This works: Styles are applied but one issue which I can't resolve:</p>
  
  <p>How do I provide images to my css classes?</p>
  
  <p>Example of my <code>tab-panel.css</code></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;f:template xmlns:f="http://jsf.exadel.com/template"
  xmlns:u="http://jsf.exadel.com/template/util"
  xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;f:verbatim&gt;
  &lt;![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 {
      }
  ]]&gt;
  &lt;/f:verbatim&gt;
  &lt;/f:template&gt;
  </code></pre>
  
  <p>I've tried to register the image in my <code>resource-config.xml</code></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;resource-config&gt;
      &lt;resource&gt;
          &lt;name&gt;register_bg.png&lt;/name&gt;
          &lt;path&gt;de/bc/richfaces/images/register_bg.png&lt;/path&gt;
      &lt;/resource&gt;
      &lt;resource&gt;
          &lt;name&gt;register_active_bg.png&lt;/name&gt;
          &lt;path&gt;de/bc/richfaces/images/register_bg.png&lt;/path&gt;
      &lt;/resource&gt;
  &lt;/resource-config&gt;
  </code></pre>