A Tutorial On Joomla Content Management System
Written on July 25, 2010 – 1:56 pm | by Guru
An article about how to use advanced templates in Joomla:
1. Duplicate the designs currently utilized for the particular 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 surely consist of some with the using;
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 consist of other types employed about the content in that area, including;
1. ol, ul, li {}
2. a:hyperlink,a:visited,a:hover {}
3. a.readon:link,a.readon:visited,a.readon:hover {}
And other people, note that particular modules previously may well have particular css types associated with them (just like latestnews & mostread lists) so if you are modifying one of these modules, you might need to either remove the specific design so the module class suffix style can be used, or just change those specific designs. 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.
illustration 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 types as desired.
example 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 utilized 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.
Tags: internet marketing, online business, web design, web development
