Advanced Joomla Template (PT1) Using The Module Class Suffix
Placed in Website Design | March 11th, 2011
An article written record of the user
1. Duplicate of the design for the module is already used by a suffix of the name of each style. This is undoubtedly some of the following;
1. . Module {}
2. div.moduletable {}
3. div.moduletable h3 {}
4. table.moduletable {} / li>
5. e table.moduletable
6. table.moduletable td
And other models on the contents of this section are used as coatings;
1. ol, ul, li {}
2. a: link, a: visited, a: hover {}
3. a.readon link: a.readon a.readon visited,: hover {}
And others observed that some modules are already some CSS styles associated with them (as most lists LatestNews & read) therefore if you change one of these modules, you must remove either the specific style of so that the module class suffix style can be applied, or just specific designs.
Example of “model free mambo”
Table.moduletable {float: left; padding: 0px; margin: 0px; width: 152px; background: url (.. / images / leftright.gif);} {e table.moduletable 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! significant width: 152px; color: # FFFFFF; text-transform: large;} {td table.moduletable font-size: 11px; padding-left: 5px; padding-right: 2px; font-weight: normal; color: 000000; }
Screenshot module suffix
2. Changes to these styles as you wish.
These changes in “free mambo template” – the addition of the suffix, eg
Table.moduletableeg {float: left; padding: 0px; margin: 0px; width: 152px;} e table.moduletableeg {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 wide important: 152px; text-transform: lowercase;} td {table.moduletableeg background-color: # EEEEEE; font-size: 11px; padding-left: 5px; padding-right: 2px; font-weight: normal; color: # FF0000;}
For example, screenshot module suffix
3. Update module class suffix in Joomla administrator.
1. go to “modules” -> “Site Modules”
2. Click the module you want to use the new CSS
3. Enter the suffix in the Module suffix field and click ‘Save’ used
Website Module – Edit screenshot
- web design website (1) joomlaModule Class Suffix float (1) advanced module suffix (1) how to center align joomla template (1)
All other brands, product names, company names, trademarks and marks are the properties of their respective owners.
