Making a style

Table of Contents Styles in eXe Legacy Styles CSS based style Advanced Styles

Styles in eXe

There are really three types of styles:

• Legacy styles (as used with the old exelearning.org )
• New CSS based styles
• Advanced styles that use python code

Themes are a folder in the EXE install directory /style in a directory that contains

• Icons (normally .gif)
• content.css where most of the CSS work for the style is done
• nav.css where navigation style is taken care of
• config.xml (optional)

You can zip them (with all contents in the root directory of the zip) and then users can use the tools -> style manager option in eXe to import the theme.

Legacy Styles

If there is no config.xml XHTML output will be the same as old exelearning.org - if you are porting an old theme this is the fastest way.

CSS based style

There are more css rules in the new style HTML output which eXe generates when it sees a config.xml that let's you add more javascript and more css. To take a simple example look at default or standardwhite style.

• You can add extra JS or HTML to HEAD and BODY using extra-head and extra-body in config.xml

Advanced Styles

Here you can include a python module to take over the job of the WebsitePage python class. Know what you are doing before you get into this - see the source of WebsiteExport.py to see how this works.

In your style directory include a python file called websitepage.py and implement the functionality of exe/export/websitepage.py your own way.