Differences

This shows you the differences between two versions of the page.

Link to this comparison view

mastheads [2011/11/01 19:31]
matthew
mastheads [2011/11/01 20:21] (current)
matthew
Line 25: Line 25:
 ===== Traditional ===== ===== Traditional =====
  
-The Traditional style masthead is the CE2 default, and is visually similar to the masthead seen in CE and some earlier versions of TTG web engines.+The Traditional style masthead is the CE2 default, and is visually similar to the masthead seen in CE and some earlier versions of TTG web engines, though source code changes give this new version some extra weight for SEO.
  
 {{:ce2-framework:masthead-traditional.png?|Masthead, Traditional style}} {{:ce2-framework:masthead-traditional.png?|Masthead, Traditional style}}
 +
 +{{:ce2-framework:masthead-traditional-controls.png?|Masthead, Traditional controls}}
 +
 +The traditional masthead may be positioned above or below the navigation menu. Additionally, the traditional style is the only choice that allows the identity plate to be placed //within// the navigation menu, though the hyperlink then becomes unavailable.
 +
 +The identity plate may be positioned anywhere within the masthead using the percentage controls, ID Plate X Position for horizontal control and ID Plate Y Position for vertical control. For both, a value of 50% is perfectly center along the horizontal or vertical axis, respectively.
 +
 +For ID Plate X Position, a value of 0% is fully aligned to the left, and a value of 100% is fully aligned right.
 +
 +For ID Plate Y Position, a value of 0% is top aligned, while a value of 100% is bottom aligned.
 +
 +When setting Masthead Position to either Nav Container or Nav Content, use the Navigation controls to add padding to the navigation menu bar, creating space for your identity plate.
 +
 +===== Nuovo =====
 +
 +The Nuovo style is visually similar to Traditional, but with some important changes to the controls. The most significant difference is the ability to set a background-image for the masthead.
 +
 +{{:ce2-framework:masthead-nuovo.png?|Masthead, Nuovo style}}
 +
 +{{:ce2-framework:masthead-nuovo-controls.png?|Masthead, Nuovo controls}}
 +
 +The background-image controls are similar to the controls for the Page Background-image, but stripped down some. Users may select any of the provided background-images, or may supply their own image by first copying the image file into the web engine's resources, then writing in the image path.
 +
 +The Nuovo masthead may be positioned above or below the navigation menu. The identity plate cannot be positioned within the navigation using the Nuovo style.
 +
 +For the Nuovo style, the ID Plate X Position and ID Plate Y Position controls now operate in pixel measurements and are used to offset the identity plate alignment. The identity plate may be horizontally aligned Left, Right or Center. For vertical alignment, the identity plate will stick to the top of the masthead, but may be pushed down by using the ID Plate Y Position slider to create some padding.
 +
 +Note that in Nuovo style, the hyperlink will only be active on the identity plate graphic, not on the entire masthead.
 +
 +===== Retro =====
 +
 +The Retro style masthead hearkens back to the earliest days of TTG, featuring a beefed up rendition of the masthead that appeared in many of our 1.0 releases back in 2007. This masthead includes options for a textual title and subtitle.
 +
 +{{:ce2-framework:masthead-retro.png?|Masthead, Retro style}}
 +
 +{{:ce2-framework:masthead-retro-controls.png?|Masthead, Retro controls}}
 +
 +In the Retro style, the identity plate may only be aligned to the top left, with the title and subtitle being aligned to the top right. The ID Plate X Position and ID Plate Y Position sliders allow the identity plate to be offset from its default position, while the Titles X Position and Titles Y Position sliders allow the same for the titles.
 +
 +The typographic options apply to the titles and should be self-explanatory.
Print/export