Touts Snippet

This snippet creates a row of solid or hollow colored circles for statistic touting. The number or ranking part of the statistic goes into the shape and the remaining text appears beneath. The circles could have background images instead of solid color. The font colors are predetermined and cannot be changed.

Example of solid touts with an image background.

Example of hollow gold touts.

Tout snippet.

View touts in the Style Guide.

This snippet should always be placed in a Row w/ Background snippet if you want a colored background or using a white background in the Main Content or Additional Content Regions to provide correct spacing around the touts. In a sidebar, the Touts snippet should be placed inside the appropriate sidebar snippet.

  1. In the Value field for shape, select Solid or Hollow. When using in an asset you must type “solid” or “hollow” without quotation marks.
  2. In the Value field for color, select the desired color. Because our recruitment materials use only our primary brand colors, we recommend only MTU Gold, Black, and Gray options be used on websites involved with recruitment. For other websites, secondary colors can be used as an accent.
    1. When using in an asset you must type the correct code (without quotation marks):
      1. For MTU Gold enter “yellow”.
      2. For Black enter “black”.
      3. For Gray enter “gray”.
      4. For Deep Gold enter “deep-gold”.
      5. For Teal enter “teal”.
      6. For Copper enter “copper”.
  3. If desired, use the Image Editor to crop the Square type to appear in the shape. Using the Insert/Edit Image icon Photo icon in the toolbar to insert or edit an image., insert the square170 image in the Button Background Image field.
  4. Enter the text that will appear in the shape in the Button Text field.
    1. Add a link to this text if desired to enable a Go button in the shape when hovering.
    2. You can use one of the University-wide assets with a name starting with “Tout #” in this field.
  5. Enter the rest of the text that will appear below the shape in the Content After field.
    1. You can use one of the University-wide assets with a name starting with “Tout Text” in this field.

Specific editorial guidelines for formatting the tout content can be found in the Editorial Guide.

Each row of the snippet will create one tout and all touts will appear on the page in a single row.

  • If your page has no left navigation and no right sidebar, you can add up to all five touts.
  • If you have either the left navigation or right sidebar, only use up to four touts.
  • If you have both the left navigation and right sidebar, you can use up to three columns.
  • You can also add this snippet to a right sidebar with one tout.

(Video has no sound.)