This attributation must be reproduced in full Please email me if youd like to

This attributation must be reproduced in full please

This preview shows page 25 - 28 out of 52 pages.

This attributation must be reproduced in full. Please email me if you'd like to use this article on your site.
Image of page 25
Joomla Tutorials by Compass Design .pollsborder .pollstableborder .readon .search .searchintro .sectionentry1 .sectionentry2 .sectionheader .sitetitle .small .smalldark .sublevel .syndicate .syndicate_text .text_area .toclink .weblinks .wrapper Important note about this list. Many designs you might see actually have given CSS styles that are more specific in their definition. Basically, a more specific rule will over ride a less specific rule. For example: a {color:blue;} a:link {color:red;} .contentheading {color:blue;} div.contentheading {color:red;} The color on a link and the color of the .contentheading will be RED, as that rule is more specific (as .contentheading is contained within a <div>) In the case of Joomla templates, you will often see more specific rules used. This often occurs when the class is on a table. More examples: .moduletable table.moduletable .moduletable is the name of the <div> that wraps a module. table.moduletable will only apply the style to a table with class="moduletable" on it. .moduletable will apply the style regardless of what element the class is on. The author, Barrie North creates Joomla Templates and Tutorials at his Joomla consultancy, . This work is licensed under a Creative Commons Attribution NonCommercial ShareAlike 2.5 License . This attributation must be reproduced in full. Please email me if you'd like to use this article on your site.
Image of page 26
Joomla Tutorials by Compass Design a.contentpagetitle:link .contentpagetitle a:link a.contentpagetitle:link will apply the style to any a tags with a .contentpagetitle class on them that is a link. .contentpagetitle a:link will apply the style to any elements INSIDE .contentpagetitle that are a link. Specificity is not easy to understand, its often easier to start by using the most general style possible and then getting more specific if the results are not what you expect. Some links about specificity: At the moment our template is using alot of tables, 20 in fact! As mentioned earlier, this slows the pages down and makes them harder to update. To reduce the number of tables we need to use $style suffixes in the index.php when we call the modules. Modules When a module is called in the index.php, it has several option on how it is displayed. The syntax is: mosLoadModules('$position_name'[, $style] ) The $style is optional and can be 0, 1, -1, -2 or -3. 0 = (default display) Modules are displayed in a column. The following shows an example of the output: <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <th valign="top">Module Title</th> </tr> <tr> <td>Module output</td> </tr> </table> 1 = Modules are displayed horizontally. Each module is output in the cell of a wrapper table. The following shows an example of the output: The author, Barrie North creates
Image of page 27
Image of page 28

You've reached the end of your free preview.

Want to read all 52 pages?

  • Fall '16
  • Deeman
  • css, Cascading Style Sheets, DSpace Basic Tutorial DSUG Rom, Joomla, Attribution NonCommercial ShareAlike

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture