Styling

One of the, if not the major new feature in Bulletproof v1.1 is the possibility to add additional colorsets. Users can add their own colorset without having to edit any of the template's core files as long as they follow certain instructions.

Here's how it works: Create a new stylesheet in the template's directory, /templates/bulletproof/. The file has to be named <COLORSETNAME>_style.css, with <COLORSETNAME> being the name you want to give that new colorset. I.e., if you want to call it mycolorset, you have to create the file /templates/bulletproof/mycolorset_style.css. Bulletproof will automagically detect and include this colorset in the list of colorsets available via the Bulletproof theme options in your admin backend. You don't have to do anything else.

It might be a good idea – especially for new users – to start by copying one of the colorset stylesheets provided with bulletproof and modify it. That way, you don't have to start from scratch. Also, keep in mind that there are other stylesheets (base.css, style.css, ie5.css, ie6.css, ie7.css) included in Bulletproof. Some of these (base.css, all ie-specific stylesheets) are crucial to Bulletproof's layouts. Overwriting styles included in these files might break the layout. style.css on the other hand is kind of a fallback stylesheet – it includes many styles which are not crucial to the layout, but common styles used in all colorsets, meaning they may be overridden, but they don't have to be.

You'll also have to provide the colorset specific icons for your new colorset. These have to follow the same file naming convention like the stylesheet, i.e. a colorset specific back icon for the example mentioned above would have to be called /templates/bulletproof/img/mycolorset_back.png. These images have to be PNG images, and they have to be in the img subdirectory – otherwise the automagic detection won't work. If you feel your graphic skills are too poor or you just don't have the time to create these files, you can always copy the default ones or those used in any other colorsets. Remember, if these images are not present, visitors will only see the alternate text for them.