The following properties are available only in Zen 4.0:
| Property | Description | Example | Default |
|---|---|---|---|
| zenBackgroundImageAlt | note This property is deprecated. Use the add-class macro instead. Allows the option of an alternate background image for window when the following macro is added to a page: |
background-alt.png | |
| zenHeaderFeatureImage | allows the addition of a feature image to the header area | trio.png | |
| zenHeaderFeatureImagePosition | positions the feature image in the header | no-repeat top right | |
| zenCrumbsPositionFromTop | allows finer positioning of breadcrumbs | 99px | |
| zenColHeaderBottomBorder | styling for optional bottom border on the column headers | 2px solid #EFC359 | |
| zenAlwaysShowEditButtons | |||
| zenLinkTextDecoration | Use to turn on or off the link underline. | none | |
| zenToolbarDropBackgroundColor | allows color choice for the background of the drop navigation in the toolbar | #D1E0EF | |
| zenToolbarShowDefault | Whether the toolbar is initially displayed when a user first visits (or just the little tab to open it). | yes | yes |
| zenToolbarEnableForAnonymousUsers | Whether to enable the toolbar for visitors who are not logged in. | no | yes |
| zenToolbarHideElements | CSS selectors to prune the toolbar's menu items for all users. Use the ID attributes of the menu items to make a jQuery-style comma-separated list of selectors. | #people-menu, #watch-menu | |
| zenToolbarHideElementsForAnonymousUsers | Same as zenToolbarHideElements, but applied only for visitors who are not logged in. | ||
| zenTabBackgroundColor | allows solid color background on menu tabs | #D1E0EF | |
| zenDropTabBackgroundColor | allows color choice for the background of the drop navigation in the menu | #D1E0EF | |
| zenSectionTabBorderFirst | zenSection macro: allows a zero border on most-left tab | 0px | |
| zenSectionTabBorderLeft | zenSection macro: borders between tabs | 1px solid #D4E5D3 | |
| zenSectionTabColor | zenSection macro: allows override of color for tab links | #EE5828 | |
| zenSectionTabHoverColor | zenSection macro: allows override of color for hover of tab links | #4CADD3 | |
| zenSectionTabCurrentColor | zenSection macro: allows override of styling for current tab color | #EE5828 | |
| zenSectionTabBackgroundImage | zenSection macro:tab background image (allows for different image than menu tabs) | tab.png | |
| zenSectionTabBackgroundImagePosition | positioning for section tab background image | repeat-x top left | |
| zenSectionTabBackgroundHoverImage | zenSection macro:tab background hover image | tab-slice.gif | |
| zenSectionTabBackgroundHoverImagePosition | zenSection macro:positioning for hover background image | repeat-x bottom left | |
| zenSectionTabBackgroundCurrentImage | zenSection macro:current tab background image | tab-slice.gif | |
| zenSectionTabFontSize | zenSection macro:tab font size | 12px | |
| zenSectionTabTextTransform | zenSection macro:tab font style | lowercase |
Example
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam fermentum vestibulum est. Sed quis tortor.