Shape 5

As I understand it, you should be able to add CSS code as class suffixes into Page, Menu or module items

In Shape5 templates we sometimes find that we can add '-style16' for example, as a 'module class suffix' into the module settings in Joomla admin. Giving it the look stated in the 'modules.css'


Now, I would like to use these 'class suffixes' to personalize my site, and I've read thru Joomla Forum and a couple of books in the subject, still I'm lost.

Can anyone give me a 1,2,3 step scenario on how I implement a class suffix?
(An example could be to have a background picture/colour in all menu modules.) 

Thanx
Akerman/InfoClip.se

If you are just trying to set a preset style you can follow this tutorial:

http://www.shape5.com/demo/forever_ace/content/view/14/49/

It's a different template but it all works the same. Each demo of ours has a modules page and that page contains all the module styles you can use.

Yes I know and understand that, in regards of the suffixes available in the templates.
That's why I posted this in the 'Joomla Talk' forum.   ;)

What I'm looking for is a more thorough schematic of :

1. What suffixes are available for page, menu and module.
     Some are in Joomla, some in template. Is there a list? Or do I have to search in all CSS files?
       For example Joomla programmers often answers with : "...add the '_menu' suffix in the module" - without
       explaining where it comes from or what it adds/changes. This is not included in the Shape5 template, so where
       do it come from?

2. Is it always '-suffixname' or can they have other syntax? i.e. what to type in the suffix parameter field.

3. If I would like to create my own suffix, do I add it in the appropriate CSS like modules.css or are there other
    alternatives?

Regards
Akerman / Infoclip.se 

When you put a suffix in the backend of Joomla it automatically adds that suffix to the class name of the module. Example class="moduletable" with a suffix applied it becomes class="moduletable-style1" and this is how it's outputted on the site.

All the stylizing for the modules is done through css. I would recommend opening the modules.css file and all the suffixes are located in there. The suffixes are grouped together, so if you want to create your own I would recommend copying one of them and and renaming the suffix, they can be labeled however you wish.

Thanks Mike.

That is what I think is so nice with the Shape5 templates, it's so easy to find your way around.

Looking at other templates or extensions sometimes get me confused. It's like the different styles and techniques in programming could be compared to people with different dialects.