EZ Expert Website Tools

An write-up about how to use advanced templates in Joomla:

1. Duplicate the designs previously used for that distinct module, adding a suffix to each type name. If you are looking for a complete blueprint for comprehensive web development guides you should check out my AffiloJetpack Bonus package.  This can absolutely incorporate some with the next;

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

and can include other types used around the content material in that area, including;

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

And other people, note that particular modules previously may possibly have particular css designs associated with them (for example latestnews & mostread lists) so if you are modifying one of these modules, you may possibly need to either remove the particular type so the module class suffix style can be applied, or just change those specific 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.

instance 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 around the module you’d like to apply the new css styles to
3. enter the suffix you used 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.

EZ Expert Web Tools
EZ Expert Website Tools News

Be Sociable, Share!

•