Advanced Joomla Templating (pt1) Using Module Class Suffix

Advanced Joomla Templating (pt1) Using Module Class Suffix

a short article from User Written Resources

1. recreate the formats currently made the most of for the information aspect, including a suffix to every format name. this will definitely contain a few of the sticking to;

1. component
2. div.moduletable
3. div.moduletable h3
/ li >>> >> > > >> > > > > > > >.
5.
6. table.moduletable td.

As can be included various other formats made use of on the important things as a result of the reality that place, such as;

1. ol, ul, li.
2. a: net web link, a: had a look at, a: float.
3. a.readon: web link, a.readon: considered, a.readon: float.

As others, bear in mind that particular components currently can have particular css formats attached to them (such as latestnews & & & & & & & & & & & & & & & & mostread listings) so if you are customizing among these aspects, you can require to either get rid of the particular design so the component training program suffix format can be used, or just transform those particular designs.

troubles from “freemambo design style”.

/ images/leftright./ images/subhead _ bg.gif); font-size: 10px; text-align:!

no component suffix screenshot.

2. make modifications to these formats as suched as.

circumstances of changes to “freemambo concept” – containing suffix eg.

Background-color: #FF 9900; shade: # 333333; font-size: 12px; text-align:!

eg aspect suffix screenshot.

3. upgrade the component training program suffix within joomla manager.

1. over greater than most likely to ‘Modules’ -> > > > > > > > > > > > > > > > ‘Site Modules’.
2. click the component you would definitely such as to use the brand-new css designs to.
3. go into the suffix you made use of in the component training program suffix area & & & & & & & & & & & & & & & & click’Save’.

internet internet site aspect – adjustment screenshot.

/ li >>> >> > > >> > > > > > > >.
/ images/subhead _ bg.gif); font-size: 10px; text-align:! Background-color: #FF 9900; shade: # 333333; font-size: 12px; text-align:!

/ images/subhead _ bg.gif); font-size: 10px; text-align:! Background-color: #FF 9900; shade: # 333333; font-size: 12px; text-align:!

/ images/subhead _ bg.gif); font-size: 10px; text-align:! Background-color: #FF 9900; shade: # 333333; font-size: 12px; text-align:!

/ images/subhead _ bg.gif); font-size: 10px; text-align:! Background-color: #FF 9900; shade: # 333333; font-size: 12px; text-align:!

5./ images/leftright./ images/subhead _ bg.gif); font-size: 10px; text-align:! Background-color: #FF 9900; shade: # 333333; font-size: 12px; text-align:!

Leave a Reply

Your email address will not be published. Required fields are marked *