Actions

Difference between revisions of "Page Class Suffix"

From Joomla! Documentation

m
(add new short article pointing to glossary and tutorial)
Line 1: Line 1:
{{cookiejar}}
 
 
===Page class suffixes===
 
===Page class suffixes===
----
+
For a definition of Page Class Suffixes, see the [[Glossary#Page_Class_Suffix | Joomla! Glossary]]. You can use The Page Class Suffix parameter to create unique CSS classes that allow you to style one Menu Item differently than others.
This chunk should describe what class suffixes are and why they can be
+
 
useful, giving a simple illustrated example as an introduction. The
+
If you enter a Page Class Suffix with a leading space, a new CSS class will be created. If the parameter does not have a leading space, the CSS classes associated with this Menu Item (for example, "componentheading") will be modified. The first method is normally preferred, since then you don't break any of the existing styling for the page elements, and you only need to add new CSS code for the new styling.
chunk should then go on to list the entities for which suffixes may be
+
 
added then describe in detail for each: how to add a suffix, which CSS
+
If you don't use a leading space, you will need to copy all of the styling code for the Menu Item classes and duplicate it for the new CSS class before making your CSS changes.
classes are affected and how it might be used in practice.
+
 
-----
+
See the tutorial [[Tutorial:Using_Class_Suffixes_in_Joomla!_1.5|Using Class Suffixes in Joomla! 1.5]] for a detailed example of using Page and Module Class Suffixes.
 +
 
 
[[Category:Templates]]
 
[[Category:Templates]]

Revision as of 16:00, 16 January 2009

Page class suffixes

For a definition of Page Class Suffixes, see the Joomla! Glossary. You can use The Page Class Suffix parameter to create unique CSS classes that allow you to style one Menu Item differently than others.

If you enter a Page Class Suffix with a leading space, a new CSS class will be created. If the parameter does not have a leading space, the CSS classes associated with this Menu Item (for example, "componentheading") will be modified. The first method is normally preferred, since then you don't break any of the existing styling for the page elements, and you only need to add new CSS code for the new styling.

If you don't use a leading space, you will need to copy all of the styling code for the Menu Item classes and duplicate it for the new CSS class before making your CSS changes.

See the tutorial Using Class Suffixes in Joomla! 1.5 for a detailed example of using Page and Module Class Suffixes.