A skin created with Plug-n-skin
Once these operations are complete, the following files and folders should have been created: BaseImage.java — the base class used to store images. Location: \src\main\java\SKIN-PACKAGE\SKIN-NAME\images\ BaseImageTest.java — a test version of a class that stores images. Location: \src\test\java\SKIN-PACKAGE\SKIN-NAME\images\ XCSS files — XCSS files define the new look of RichFaces components affected by the new skin. Location: "\src\main\resources\SKIN-PACKAGE\SKIN-NAME\css\" SKIN-NAME.properties — a file that contains the new skin's properties. Location: \src\main\resources\SKIN-PACKAGE\SKIN-NAME\css\ The following properties are used to configure the SKIN-NAME.properties file: baseSkin — the name of the skin to be used as a basis for your own skin. The look of the skin you define will be affected by the new style properties. generalStyleSheet — a path to the style sheet (SKIN-NAME.xcss) that imports your component's style sheets to be modified by the new skin. extendedStyleSheet — the path to a style sheet that is used to unify the appearance of RichFaces components and standard HTML controls. For additional information, read Section 4.4.7, “Standard Controls Skinning�. gradientType — a predefined property to set the type of gradient applied to the new skin. Possible values are glass, plastic, plain. More information on gradient implementation you can find further in this chapter. SKIN-NAME.xcss — an XCSS file that imports the component's XCSS files to be modified by the new skin. Location: src\main\resources\META-INF\skins XCSS files — creates the XCSS files that determine styles for standard controls (extended_classes.xcss and extended.xcss), if the createExt key is set to true. Location: \src\main\resources\SKIN-PACKAGE\SKIN-NAME\css\ SKIN-NAME-ext.xcss — creates the SKIN-NAME-ext.xcss file that imports defining styles for standard controls if createExt is set to true. Location: src\main\resources\META-INF\skins. SKIN-NAME-resources.xml — contains descriptions of all files listed previously. Location: src\main\config\resources.