Global Header and Footer / Custom Template

Be sure your league is setup properly before installing any scripts.Setup Video
The directory contains header and footer js files that are used in a custom template we created. DO NOT INSTALL these on your site unless your using the accompanying CSS files and have experience with javascript.
The global files transform a wide variety of the default MFL html to make the site more customizeable.
There are 2 different files in the directory: "header.js" and "footer.js". Each of these files are compressed and each file has a correlating "uncompressed" file where the javascript is not compressed and is readable to make alterations. In the CSS folder , you will find a light.css and dark.css , these 2 stylesheets MUST be used when using our global header and footer script. The CSS can be edited and each stylesheet comes in uncompressed format so you can make alteration and host yourself or load directly onto the MFL server.
In addition to the "css" folder contained in the directory, there is also a folder called "hpmContent" , here you can see all the content for every homepagemessage i use on my personal site. Also there is a image to shows how to setup your tabs.
The "footer.js" and "header.js" files are the base files which transform the HTML for the MFL layout. Using variables for the scripts you can load a variety of other scripts making load time quicker through a single file and having less HTTP requests.

Header JSPlace in header message

<script>
// HEADER JS FILE OPTIONS
var load_mobileMenu_script     = false;    //Set to true to load https://www.mflscripts.com/mfl-apps/mobileMenu/script.js
var load_chat_enhanced         = false;    //Set to true to load https://www.mflscripts.com/mfl-apps/chat/enhanced.js
var load_popup                 = false;    //Set to true to load https://www.mflscripts.com/mfl-apps/popups/players/script.js
var load_mini_boxscore         = false;    //Set to true to load https://www.mflscripts.com/mfl-apps/scoreboard/mini-boxscore/script.js
var load_lineups_submit_script = false;    //Set to true to load https://www.mflscripts.com/mfl-apps/lineups/submit/script.js
var load_tabs_script           = false;    //Set to true to load https://www.mflscripts.com/mfl-apps/tabs/script.js
</script>

<!-- GLOBAL HEADER JS -->
<script src="https://www.mflscripts.com/mfl-apps/global/header.js"></script>

Footer JSPlace in footer message

<script>
// FOOTER JS FILE OPTIONS
var load_moduleExpand_script     = false;       //Set to true to load https://www.mflscripts.com/mfl-apps/moduleExpand/script.js
var load_replace_mflScoring_h2h  = false;       //Set to true to load https://www.mflscripts.com/mfl-apps/scoreboard/replace-mflScoring/h2h.js
var load_standingSettings_script = false;       //Set to true to load https://www.mflscripts.com/mfl-apps/standingSettings/script.js
var load_popupAddon_script       = false;       //Set to true to load https://www.mflscripts.com/mfl-apps/popups/addon/script.js
var load_notification_script     = false;       //Set to true to load https://www.mflscripts.com/mfl-apps/popups/notfications/script.js
var load_rosters_script          = false;       //Set to true to load https://www.mflscripts.com/mfl-apps/rosters/script.js
var load_history_script          = false;       //Set to true to load https://www.mflscripts.com/mfl-apps/history/integrated/script.js
var load_irReport_script         = false;       //Set to true to load https://www.mflscripts.com/mfl-apps/injuredReserve/IRreport/script.js
var load_diceRoll_script         = false;       //Set to true to load https://www.mflscripts.com/mfl-apps/diceRoll/script.js
</script>

<!-- GLOBAL FOOTER JS  -->
<script src="https://www.mflscripts.com/mfl-apps/global/footer.js"></script>
The "header.js" file contains the following scripts that can be added to your site by enabling the variables:
  1. mobileMenu/script.js
  2. chat/enhanced.js
  3. players/script.js
  4. mini-boxscore/script.js
  5. lineups/submit/script.js
  6. tabs/script.js
  7. global/cache.js
When installing the "header.js" file you need to also place the variables for the above mentioned scripts in your footer message if you enable them to load.
Do NOT include any links for the other scripts as they are already within the "header.js" file.
The "footer.js" file contains the following scripts that can be added to your site by enabling the variables:
  1. moduleExpand/script.js
  2. replace-mflScoring/h2h.js
  3. standingSettings/script.js
  4. addon/script.js
  5. notfications/script.js
  6. rosters/script.js
  7. history/integrated/script.js
  8. IRreport/script.js
  9. diceRoll/script.js
When installing the "footer.js" file you need to also place the variables for the above mentioned scripts in your footer message if you enable them to load.
Do NOT include any links for the other scripts as they are already within the "footer.js" file.