Home Page Help
Basics
This site currently uses bootstrap 3 for basic layout and styling. It is recommended that you learn a little about how to use bootstrap 3 so you can create a home page that is stylish and looks good on a computer as well as on a phone. Here are some resources you can use:
It is also recommended that you learn some basic CSS to make it easier for you to create a page that looks how you want it.
League elements
These are elements that you can feature league content and can go anywhere on the home page.
To put an element on the home page, just copy and paste its "tag" from the table below into your homepage setting in the admin section of your league.
The settings column shows what can be changed. Here is a basic example of how to change a setting on an element his will change the title from the default to "GOTW"
If you wish to style the elements differently, use the "style classes" as CSS selectors and put the desired styling in the "style" setting your league's admin section. For more information on how to use CSS for styling, go to this CSS tutorial by W3Schools.
| Tag | Purpose | Settings | Style classes |
|---|---|---|---|
<gotw-module></gotw-module>
|
Displays the game of the week |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-gotw > .panel-headingbody: .panel-gotw > .panel-body
|
<opow-module></opow-module>
|
Displays the offensive player of the week |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-award > .panel-headingbody: .panel-award > .panel-body
|
<dpow-module></dpow-module>
|
Displays the defensive player of the week |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-award > .panel-headingbody: .panel-award > .panel-body
|
<afc-north-standings-module></afc-north-standings-module>
|
Displays the AFC North standings |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-standings > .panel-heading.AFC-headingbody: .panel-standings > .panel-body
|
<afc-east-standings-module></afc-east-standings-module>
|
Displays the AFC East standings |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-standings > .panel-heading.AFC-headingbody: .panel-standings > .panel-body
|
<afc-south-standings-module></afc-south-standings-module>
|
Displays the AFC South standings |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-standings > .panel-heading.AFC-headingbody: .panel-standings > .panel-body
|
<afc-west-standings-module></afc-west-standings-module>
|
Displays the AFC West standings |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-standings > .panel-heading.AFC-headingbody: .panel-standings > .panel-body
|
<nfc-north-standings-module></nfc-north-standings-module>
|
Displays the NFC North standings |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-standings > .panel-heading.NFC-headingbody: .panel-standings > .panel-body
|
<nfc-east-standings-module></nfc-east-standings-module>
|
Displays the NFC East standings |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-standings > .panel-heading.NFC-headingbody: .panel-standings > .panel-body
|
<nfc-south-standings-module></nfc-south-standings-module>
|
Displays the NFC South standings |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-standings > .panel-heading.NFC-headingbody: .panel-standings > .panel-body
|
<nfc-west-standings-module></nfc-west-standings-module>
|
Displays the NFC West standings |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-standings > .panel-heading.NFC-headingbody: .panel-standings > .panel-body
|
<passing-leaders-module></passing-leaders-module>
|
Displays the passing leaders |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the titleshow-leader-img: Show the leader's picture above the table
|
title: .panel-stats > .panel-headingbody: .panel-stats > .panel-body
|
<rushing-leaders-module></rushing-leaders-module>
|
Displays the passing leaders |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the titleshow-leader-img: Show the leader's picture above the table
|
title: .panel-stats > .panel-headingbody: .panel-stats > .panel-body
|
<receiving-leaders-module></receiving-leaders-module>
|
Displays the receiving leaders |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the titleshow-leader-img: Show the leader's picture above the table
|
title: .panel-stats > .panel-headingbody: .panel-stats > .panel-body
|
<sack-leaders-module></sack-leaders-module>
|
Displays the sack leaders |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the titleshow-leader-img: Show the leader's picture above the table
|
title: .panel-stats > .panel-headingbody: .panel-stats > .panel-body
|
<int-leaders-module></int-leaders-module>
|
Displays the interception leaders |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the titleshow-leader-img: Show the leader's picture above the table
|
title: .panel-stats > .panel-headingbody: .panel-stats > .panel-body
|
<tackle-leaders-module></tackle-leaders-module>
|
Displays the tackle leaders |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the titleshow-leader-img: Show the leader's picture above the table
|
title: .panel-stats > .panel-headingbody: .panel-stats > .panel-body
|
<afc-playoffs-module></afc-playoffs-module>
|
Displays the AFC playoff race |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-standings > .panel-heading.AFC-headingbody: .panel-standings > .panel-body
|
<nfc-playoffs-module></nfc-playoffs-module>
|
Displays the NFC playoff race |
title: Change the title displayed for this elementtitle-img: Use an imag instead of text for the title
|
title: .panel-standings > .panel-heading.NFC-headingbody: .panel-standings > .panel-body
|