An article about how to use advanced templates in Joomla:

1. Duplicate the designs currently utilized for that distinct module, adding a suffix to every model name. If you are looking for a complete blueprint for comprehensive web development guides you should check out my AffiloJetpack Bonus package.  This can certainly include some of the following;

1. .module {}
2. div.moduletable {}
3. div.moduletable h3 {}
4. table.moduletable {}/li>
5. table.moduletable th
6. table.moduletable td

which enable it to include other styles applied for the written content in that area, for example;

1. ol, ul, li {}
2. a:website link,a:visited,a:hover {}
3. a.readon:link,a.readon:visited,a.readon:hover {}

And others, note that certain modules currently might have certain css types related to them (just like latestnews & mostread lists) so if you are modifying one of these modules, you may well need to either remove the specific fashion so the module class suffix model can be utilized, or just change those certain types. If you want a quick and easy method to boost your online income by creating sites that pull in traffic and sales faster with good web development then listen to what Mark Ling does and check out my AffiloJetpack Review for more information.

example from “freemambo template”

table.moduletable { float: left; padding: 0px; margin: 0px; width: 152px; background: url(../images/leftright.gif); } table.moduletable th { background: url(../images/subhead_bg.gif); font-size: 10px; text-align: center !important; text-align:center; padding-top: 4px; padding-left: 0px; height: 23px; text-decoration: none; width: 154px !important; width:152px; color:#FFFFFF; text-transform:uppercase; } table.moduletable td { font-size: 11px; padding-left: 5px; padding-right: 2px; font-weight: normal; color:#000000; }

2 . Make changes to these designs as desired.

instance of changes to “freemambo template” - adding suffix eg

table.moduletableeg { float: left; padding: 0px; margin: 0px; width: 152px; } table.moduletableeg th { background-color: #FF9900; color: #333333; font-size: 12px; text-align: center !important; text-align:center; padding-top: 2px; padding-left: 0px; height: 23px; text-decoration: none; width: 154px !important; width:152px; text-transform:lowercase; } table.moduletableeg td { background-color: #EEEEEE; font-size: 11px; padding-left: 5px; padding-right: 2px; font-weight: normal; color:#FF0000; }

3. Update the module class suffix within joomla administrator.

1. go to ‘Modules’ -> ‘Site Modules’
2. click for the module you’d like to apply the new css styles to
3. enter the suffix you employed in the module class suffix field & click ‘Save’

If you are looking for further information on web development strategies and online advertizing techniques please visit my blog.