Forum Support

Shape 5
March 29, 2024, 12:03:34 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: General question - CSS Suffix : page, menu, module - How to?  (Read 16115 times)
akerman
Jr. Member
**
Offline Offline

Posts: 225



WWW
« on: March 21, 2008, 05:47:56 AM »

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
Logged

http://stolt-akerman.com - Webdesign & Designer Agency
http://www.akermanscove.com - Designer Portfolio
http://www.infoclip.se - Bookshop for used and antique books.
Work with:
Web Design JoomFish Contributor,  Translations of Open Source, Design, Logotypes, Photography, Illustrations, eCommerce, SEO & Print
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: March 21, 2008, 06:57:28 AM »

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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
akerman
Jr. Member
**
Offline Offline

Posts: 225



WWW
« Reply #2 on: March 21, 2008, 08:29:21 AM »

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.   Wink

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 
Logged

http://stolt-akerman.com - Webdesign & Designer Agency
http://www.akermanscove.com - Designer Portfolio
http://www.infoclip.se - Bookshop for used and antique books.
Work with:
Web Design JoomFish Contributor,  Translations of Open Source, Design, Logotypes, Photography, Illustrations, eCommerce, SEO & Print
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: March 21, 2008, 09:19:54 AM »

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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
akerman
Jr. Member
**
Offline Offline

Posts: 225



WWW
« Reply #4 on: March 21, 2008, 12:41:02 PM »

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.

 
Logged

http://stolt-akerman.com - Webdesign & Designer Agency
http://www.akermanscove.com - Designer Portfolio
http://www.infoclip.se - Bookshop for used and antique books.
Work with:
Web Design JoomFish Contributor,  Translations of Open Source, Design, Logotypes, Photography, Illustrations, eCommerce, SEO & Print
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.