Style Guide

UWBadgers.com Style Guide
Use the UWBadgers.com style guide to find templates and standardized styles for pages commonly built with our tools.

Netitor Basics

Working With Text
Use the keystrokes "Ctrl C" to copy, "Ctrl X" to cut and "Ctrl V" to paste text into the various fields in Netitor.

When pasting text into Netitor, paste into the "Content" field with Code Helper disabled. Then, select and cut the text, click "Enable Code Helper" and paste into field again. This will scrub the text of any formatting from Microsoft Word, etc., and leave it properly formatted for publication.

To create just one line of space between text, tables, etc., click "Shift Return" ... Clicking "Return" will create two lines of space.

Captions / Synopses
In the Caption and Synopsis fields, apply bold to text by placing "< b="">" before and " < b="">" after the text, without spaces between. You can also apply italics with "< i="">" and " < i="">" surrounding the text.

Recaps
You must select "Recap" under "Page Location" when posting a story for an event that is listed in your sport's schedule. Also use "Recap" when posting post-game notes or post-game quotes.

Adding a Headline without Publishing a Story
Use the "Add New Headline" feature in the Build Site Index screen to create "A" headlines that link directly to blog entries, videos or any other content that has a URL. Headlines should be preceded by "BLOG:" or "VIDEO:" in order to differentiate the content from other stories.
Example: BLOG: Hughes' NBA journey starts with Bucks

Working with GameTracker Links
When adding GameTracker links to stories, right click on the 'GameTracker' icon in your sport schedule and click "Copy Link Location" to get full link, including Javascript code, which will open GameTracker in new, automatically-sized window.

UWBadgers.com Style Rules

Basic Guidelines
Text on UWBadgers.com should reflect the style guidelines of the Associated Press Stylebook and the University Communications Style Guide.

Headlines
Use AP style for both the "Headline" and "Teaser" fields, capitalizing only the first word of the text and any proper nouns.

As a general rule, the text in the "Headline" field should not extend more than a couple of words beyond the end of the "Submit" button directly above the "Headline" field. This will keep the headline text on a single line once published.

Captions / Synopses
Bold all photo captions.

The "Synopsis" field can generally be filled in with the first paragraph of your story text. Do NOT include the dateline.

Datelines
Datelines should be formatted in AP style and in bold, with two single dashes following.
Example: MADISON, Wis. -- Text starts here...

Working with Links
Links should be pulled out from the text and included above the body of the story, with the link text in bold and links separated by the "|" character, with two spaces on either side. A bullet should always precede the links.
Example: Box Score | Box Score Get Adobe Acrobat Reader Get Acrobat Reader | Gameday Blog

Important note: When posting a recap, Netitor will automatically generate links for HTML stats, notes or quotes pages and photo galleries that are tied to the same event. The best practice is to publish the story without adding any additional links manually. You can then return to the page using "Edit Existing Page" to add additional links and bold the link text that Netitor has automatically generated.

Links to PDF files should be immediately followed by the Get Acrobat Reader icon, which can be copied from below. Do NOT include "(PDF)" in the link text.

Times/Dates
List all times as Central.

Always include "(CT)" when referring to the time of an event ocurring outside of Madison or in the listing of a TV schedule. This is only necesary in a story's first reference to time.
Example: ... at 7 p.m. (CT).

Use AP style for abbreviations of months in a specific date. Spell out months fully when not referring to a specific date. Days of the week are never abbreviated.

Blogs
Stick with short headlines, generally no more than 5-6 words.
Use photos whenever possible. Crop vertical action photos to 250px wide in Photoshop before uploading.
Use the 'Extended' tab to divide up long entries. Always include a single return at the end of the 'Body' text if using the 'Extended' feature.
Links (such as to a complete story) should be included, in bold, at the bottom of the entry.

Live Blogs
"Gameday Blog" is the term used for our live blogs and should always be presented with both words capitalized.
All live blogs should be titled this way: "Sport Name vs. Opponent Gameday Blog"
Examples: Men's Basketball vs. Purdue Gameday Blog | Softball vs. Ohio State Gameday Blog
Title live blogs consistently in both CoverItLive setup and your Netitor headline.
Pertinent links (GameTracker, event preview story, etc. should be bulleted and bolded at top of text intro)
Live blog template:

Mobile Blog | Watch Live Small Video Graphic | Listen Live Small Audio Graphic | GameTracker | Preview

MADISON, Wis. -- Please join BLOGGER NAME as HE/SHE chronicles all the action from today's GAME/MATCH between the Badgers and OPPONENT with the Gameday Blog. The blog is interactive, so be sure to chime in with comments and questions and vote in the polls.

KICKOFF/TIP-OFF/FACEOFF/FIRST PITCH is set for XX:XX a.m./p.m. (CT). The live blog will start at XX:XX a.m./p.m.

The game will be broadcast live on TV NETWORK and also is available online at ONLINE COVERAGE. The game airs live on RADIO STATION and also is available on InsideBadgerSports.com.

Note: Mac users must use the Firefox browser in order to interact with the blog (free download)

Working With Color

Color Netitor Code RGB Build Description
Red #a00000 R: 160 / G: 0 / B: 0 Use for title bar in tables
Light Gray 1 #e6e6e6 R: 230 / G: 230 / B: 230 Use for body of tables
Light Gray 2 #dedede R: 222 / G: 222 / B: 222 Use with #e6e6e6 for alternating rows in table
Gray #bbbbbb R: 187 / G: 187 / B: 187 Use for borders of tables
Dark Gray #949494 R: 148 / G: 148 / B: 148 Use for title bar in tables
Graphics

To use the elements below, simply highlight, copy and paste into Netitor.

Bullet PDF Video Audio Gallery Twitter Facebook
• 116023 116024 Photo Gallery Small Twitter Icon Small Facebook Icon
Templates

To use the elements in this style guide, simply highlight, copy and paste into Netitor.
Table templates found below have an "XXX" both above and below the table. Highlight both sets of "XXX" in addition to the table in order to copy into Netitor.

Story Template
Use this to place a full-width photo at the top of a story. The photo is a BSI Wide (636x339) crop from Netitor.

XXX

Photo of Camp Randall

Jan. 1, 2013

Link 1 | Link 2 | Link 3

MADISON, Wis. -- Text

XXX

Varsity Button
Use this element at the top of a story that has previously run in Varsity. The graphic can be linked directly to the page in Varsity corresponding to the story.

XXX

First appeared in Varsity

XXX

Mike Lucas Graphic
Use this element when posting a story by Mike Lucas. The graphic should be placed 5-6 paragraphs into the story on the left-hand side, staggered so that it is below -- and not directly across from -- the action photo on the right-hand side of the page.

XXX

Photo of Mike Lucas
MIKE LUCAS
UWBadgers.com Insider
Related Content
Headline 1
Headline 2
Headline 3
More Mike Lucas
Varsity Magazine

XXX

Horizontal Line - Centered
Use this element to divide between sections of text within a story.

XXX

XXX

Horizontal Line - Full-Width
Use this element to divide between sections of text within a story.

XXX

XXX

Event Preview
Use this table in event preview stories. Remove unneeded rows as necessary. Always place two spaces on either side of the "|" character separating links.

XXX

Game ## | No. XX Wisconsin (X-X, X-X) vs. No. XX Team Name (X-X, X-X)
Date Friday-Saturday, March 12-13
Location Madison, Wis. | Facility (link to facility page)
Fan Information Tickets | Promotions | Parking
Television ESPN (Brent Musburger, Steve Lavin, Erin Andrews)
Live Video InsideBadgerSports.com Small Video Graphic (link directly to stream)
Radio Badger Radio Network (Matt Lepay, Mike Lucas)
Live Coverage GameTracker | Gameday Blog | Twitter
Category Text
Category Text

XXX

Event Preview - Right Justified
Use this table in event preview stories. Remove unneeded rows as necessary. Always place two spaces on either side of the "|" character separating links.

XXX

Game ## | No. X Wisconsin (X-X) vs. No. X Team Name (X-X)
Date Friday-Saturday, March 12-13
Location Madison, Wis. | Facility (link to facility page)
Fan Information Tickets | Promotions | Parking
Television ESPN (Brent Musburger, Steve Lavin, Erin Andrews)
Live Video InsideBadgerSports.com Small Video Graphic (link directly to stream)
Radio Badger Radio Network (Matt Lepay, Mike Lucas)
Live Coverage GameTracker | Gameday Blog | Twitter
Category Text
Category Text

XXX















Buy Tickets
Use this table to advertise available tickets in stories for your sport.

XXX

116031 Text here.

Header
Text
Header
Text

More Information

XXX

Promotions
Use this table to advertise promotions or other relevant information at the bottom of a story.

XXX

Text Here

XXX

Fast Facts
Use this table to pull pertinent information from a story.

XXX

Fast Facts
Note 1
Note 2
Note 3

XXX

Sidebar Story
Use this table to include a related story within another story. The photo space is designed for a 'BSI Wide' crop at 265x148.

XXX

116032
Headline
Secondary headline

DATELINE -- Text here

XXX