Theme API

"Paul Hinze" <[email protected]> Thu, 29 May 2003 12:17:51 -0700
Newsgroups gmane.comp.java.javalobby.communityplatform
Message-ID <[email protected]>
The API, for themes is as follows:

Create new folder in themes folder.
Name folder "steel", for example,
create steel.css, and steel-theme.xml, set name im xml, to "steel", all
these
names, MUST BE INDENTICAL, for the app, to pick up, images, css, etc...

here is example:

        <theme name="steel" caption="Steel"  status="1"  >
            <images logo1="tjlicp156x60.gif" logo2="" logobgimage=""  />
            <panel >
                <images captionbgimage="" captionleftimage="left.gif"
captionrightimage="right.gif" paneltopimage="" panelbottomimage=""
panelbgimage="" />
            </panel>
       </theme>

Images folder is a subfolder of your theme folder.

The easiest way to create a theme is copy a theme subfolder, say default,
paste folder, then rename folder, css, xml files, and set correct name.
Change images and attributes as you wish.

I'm still finishing mudules API, and will add menu functionality to themes.

Here is example css:

        .titleColor {

            COLOR: ffffff;
            FONT-WEIGHT: bold;
            FONT-SIZE: 9pt;
            FONT-FAMILY: verdana, serif, sans-serif;


        }


        .module {
            background-color:006699;
            FONT-SIZE: 9pt;
            color:000000;
        }

        .panel {
            background-color:006699;
            FONT-SIZE: 9pt;
            color:000000;
        }

        .modulecontent {
            BACKGROUND-COLOR:E5F6FF;
            BORDER: #006699 1px solid;
            FONT-WEIGHT: normal;
            FONT-SIZE: 9pt;
            COLOR: #000000;
            FONT-FAMILY: Verdanna;
            PADDING:3px;

        }

        .panelcontent {
            BACKGROUND-COLOR:E5F6FF;
            BORDER: #006699 1px solid;
            FONT-WEIGHT: normal;
            FONT-SIZE: 9pt;
            COLOR: #000000;
            FONT-FAMILY: Verdanna;
            PADDING:3px;

        }


            .search{
            background-color:#99cccc;
            font-weight: bold;
            font-size: 9pt;
            color: #000000;
            font-family: verdana, serif, sans-serif;

            }

            .data {
                background-color:#ffffcc;
                font-weight: normal;
                font-size: 9pt;
                color: #000000;
                font-family: verdana, serif, sans-serif;
             }