Actions

Difference between revisions of "Page Class Suffix"

From Joomla! Documentation

(add new short article pointing to glossary and tutorial)
m (more structure, added link)
Line 1: Line 1:
===Page class suffixes===
+
== Definition ==
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.
+
You can use The Page Class Suffix parameter to create unique CSS classes that allow you to style one Menu Item differently than others. For a more complete definition of Page Class Suffixes, see the [[Glossary#Page_Class_Suffix | Joomla! Glossary]].
  
 +
== Usage ==
 
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 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.
 
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 [[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.
+
* 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.
 +
You can use The Page Class Suffix parameter to create unique CSS classes that allow you to style one Menu Item differently than others.
 +
* Also see [[Using the Page Class Suffix in Template Code]] for additional applications.
  
 
[[Category:Templates]]
 
[[Category:Templates]]

Revision as of 18:00, 19 September 2009

Definition

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

Usage

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.

You can use The Page Class Suffix parameter to create unique CSS classes that allow you to style one Menu Item differently than others.