skip navigation

Documentation

USHL New Site Guide Documentation

Homepage

 

The homepage uses a 2/3 layout container with a custom class of 'columnSplit' added to it. This layout container is the first layout container on the page and creates a two column layout. The homepage also has the custom id #home added to it.

Page Element Classes

 

'condensedAgg' 

Create a news aggregator page element and add the custom class . Set with any number of the Condensed Previews Display option and have the Expanded Previews to Display set to 0. Set the defined single tag for the list and add the tag name to the title.

'aggSingle' 

Create a news aggregator page element and add the custom class . Set the Expanded Previews to Display option to 1 and have the  Condensed Previews Display option set to 0. Set the defined single tag for the list and add the tag name to the title.

'doubleAgg' 

Create a news aggregator page element and add the custom class . Set the Expanded Previews to Display option to 0 and have the  Condensed Previews Display option set to 2. Set the defined single tag for the list and add the tag name to the title.

'specialCTA' 

Create a link page element and add the custom class. Set the title and the link.

Layout Container Classes

 

'videoCTA' 

Create a layout container with this custom class added to it. Create Call To Action page elements within the container. Select the slide up option. Each will inherit the custom style.

'newsAggSlide'  

Create a layout container with this custom class added to it. Create any number of news aggregator page elements within the layout container. Set the Expanded Previews to Display option to 0 and have the  Condensed Previews Display option set to 3. Set the defined single tag for the list and add the tag name to the title. Each news aggregator will be a slide. The home new page slideshow is loaded from the assets page. There you can update it. 

Helper Classes

 

'fullWidth' 

Makes any page element full width.

'center' 

Centers text and the element.

 

Global Content Layout Containers & Page Elements

 

These classes are mainly used to load content across the website from the assets page. There containers and page elements should not be deleted but can be updated. The nested class names are page elements within a layout container unless specified. The top level class is the layout container with the custom class.

'globalFooter' 

  1. 'site-logo-text'
  2. 'statsFactsLinks'

'networkBar'

'globalSocial' Page Element: Social Media Element

'globalSocialText' Page Element: Text Block Element

'globalAds'

  1. 'topAd'
  2. 'bottomAd'
  3. 'sideAd'

'ofTheWeekContainer'

  1. 'forwardOfTheWeekPhoto'
  2. 'defensemanOfTheWeekPhoto'
  3. 'goaltenderOfTheWeekPhoto'

 

HockeyTech

Use a code page element to add the inline tag from HockeyTech.

http://developer.hockeytech.com/

Inline Tags

<ht-leaders></ht-leaders>

<ht-leaders-extended></ht-leaders-extended>

<ht-scorebar></ht-scorebar>

 

Inline Tag Options

playertypes="['skaters','goalies']"

linkprefix="view"

skaterstattypes="['points','goals','assists,'power_play_goals','power_play_assists','short_handed_goals','game_winning_goals','first_goals','insurance_goals','penalty_minutes','plus_minus']"

goalieStatTypes="['save_percentage','wins','goals_against_average']"

Example :

<ht-leaders-extended linkprefix="view" playertypes="['skaters','goalies']" skaterstattypes="['points']" goaliestattypes="['wins']"></ht-leaders-extended>


Any documentation under this text is for old USHL site design



Pages & Layout Containers

Homepage

The homepage is setup using full width Layout Containers in Edit Mode which becomes the 2/3 1/3 layout in User Mode. Adding 'homeLeft' or 'homeRight' to the 'Custom CSS Class' of the Layout Container will position left or right on the page.

Layout Container Classes

'fullWide'
- defines the Layout Container to remove margins, making content the full width of the Layout Container.

'homeSlideshow' 
- Defines the slideshow styles on the homepage.

'homeLeft'
- Any Layout Container with this class on the homepage will be positioned in the left 2/3 of the page when in user mode.

'homeRight'
- Any Layout Container with this class on the homepage will be positioned in the right 1/3 of the page when in user mode.

'sponsorBar'
-Defines the content of the Layout Container as a Sponsor Bar

'fullPad'
- Adds 13px of padding to the Layout Container centering content. To be used on the full width LayoutContainers.

 
Page Element Classes

'callout'
- Defines Link Element as a callout.

'callout1'
- Defines Link Element as a specific callout with background 1.

'callout2'
- Defines Link Element as a specific callout with background 2.

'callout3' 
- Defines Link Element as a specific callout with background 3.

     *Please note, Classes can be used together ex: 'callout callout1'

'featured'
- Defines multiple elements that should exist inside a column with the dark grey background.

'net'
- Defines the Element header title as having a net style background.

'sidesBorder'
- Defines an element with 1px side borders (to be used on the condensed news aggregator element)

'pinkLink'
-Defines links inside an element as having white text over a pink background.

'onWhite'
-Defines a white background on an element.

'noTopBorder'
-Defines an element to have no top border line.

'sponsorLogo'
-Defines an Single Photo Element as being a part of the Sponsor Bar (to be used inside the 'sponsorBar' Layout Container)

Interior Pages

Interior pages are created to work best when the 'Two Column' layout of the 'Page Columns:' has been selected in the Page Details settings AND when the first layout container 'Select Column Layout' is set as the 2/3 1/3 style. This is not neccesary unless you want the 'featured' styled right column on interior pages.  
Example:

Layout Container Classes

There are no classes to be applied to interior page Layout Containers.

Page Element Classes

'featured'
- Defines multiple elements that should exist inside a column with the dark grey background.

Custom Youtube Page

The custom youtube functionality is created by a series of Code Elements containing scripts & HTML. Duplicate the Layout Containers found on the example page & move to a public video page to enable.

Gutter Images

Place images here to be pulled into the rotating slideshow. For uniformity image must be 1500px x 571px, '.png'  format & accomdate for the site content container width of 1000px. With each Single Photo element to be pulled into the rotating slideshow add the class 'gutterImage'.

Header Stats

These are the stats pulled in across the site

289

253


Table

Header Header Header Header Header
Content Content Content Content Content
Content Content Content Content Content

CCM Forward of the Week

04/13/2015, 3:30pm CDT
By USHL

Cameron Morrison, Youngstown Phantoms

Forward: Cameron Morrison – Youngstown Phantoms

2 games: 4 goals, 3 assists, +8 rating

Morrison, the Phantoms leading scorer by 16 points, led the Phantoms offensively over the weekend in a 12-0, 5-4 (OT) sweep of Team USA. In the 12-0 win on Friday, the Aurora, ON native tallied a goal and two assists. He topped that on Saturday, as the University Notre Dame commit scored a hat trick, including the game-winner on a penalty shot with just one second remaining, in the 5-4 overtime win on Saturday. Morrison finished the season with 66 points (34 G, 32 A) in his rookie USHL campaign. Before joining Youngstown, the NHL Central Scouting ranked forward played for the York Simcoe Express (ETAMMHL) and Aurora Tigers (OJHL) programs. He was named to the 2016 USHL/NHL Top Prospects Game in where he scored a goal. The Youngstown Phantoms selected Morrison in the 2015 Phase II Draft in the 4th round, 51st overall.

 

CCM Defenseman of the Week

04/13/2015, 3:15pm CDT
By USHL

Michael Joyaux, Omaha Lancers

Defenseman: Michael Joyaux – Omaha Lancers

3 games: 1 goal, 3 assists, +1 rating

Joyaux’s first USHL Defenseman of the Week honor comes after the Bloomingdale, IL native dished out three assists in a 5-4 overtime win over the Western Conference leading Tri-City Storm on Friday night. He added a power play goal in the Lancers 5-4 overtime win over the Storm on Saturday night, giving him a four-point weekend. He finished the season with 14 points, ranking Joyaux second in team scoring by defensemen. Joyaux played for the Chicago Mission Bantam and U16 programs (HPHL), as well as the Tri-City Storm and Chicago Steel before being traded to Omaha earlier in the season. He has 35 points in 119 career USHL games. The uncommitted defenseman was a 2013 USHL Phase I Draft pick of the Tri-City Storm in the 6th round pick, 77th overall.

CCM Goaltender of the Week

04/13/2015, 3:00pm CDT
By USHL

Zack LaRocque, Cedar Rapids RoughRiders

Goaltender: Zack LaRocque – Cedar Rapids RoughRiders

2-0-0-0, 1.00 GAA, .968 SV%

This is the first Goaltender of the Week award for LaRocque, who backstopped the RoughRiders to a pair of wins over the weekend en route to clinching the Anderson Cup. The two starts were only the fifth and sixth starts of LaRocque’s USHL career. The Arvada, CO native stopped 30 of 32 shots in a 3-2 win over the Waterloo Black Hawks on Friday, and he followed up that performance by turning all 30 shots he faced aside in a 5-0 victory at Sioux City on Saturday night. The shutout over the Musketeers was his second shutout of the season. LaRocque finished the regular season with a 4-2-0-0 record, a .902 SV%, and a 3.00 GAA. Prior to the RoughRiders, LaRocque shined for Ralston Valley High and the Rocky Mountain RoughRiders U16 and U18 programs (ECEL and NAPHL). He was an ECEL 18U All-Star during the 2014-15 season. LaRocque was undrafted in the USHL, and is currently uncommitted.

 

CCM Players of the Week