150 replies to this topic

[theeohiostate]

UPDATED 3-11-17 (if you have loaded this scoreboard prior to this date , please read below and copy new script into your homepage message)

 

2017 MFL SCOREBOARD

Demo - http://www03.myfanta...6&O=247&SEQNO=6

 

Script by Habman - Styling by TOS

 

If you are using any of the new MFL skins , there is no need to load any CSS. The script will determine what skin is in use and upload a stylesheet so the scoreboard will match the appearance of your skin. If you allow your owners to select their own skin , have no fear , the script will detect each users skin selection and import a stylesheet so their scoreboard view will look like the skin they have selected.

 

DO NOT LOAD THIS MESSAGE AND PLACE ON YOUR HOMEPAGE - CREATE A LINK TO YOUR SCOREBOARD

 

Make sure you have a jQuery library loaded in a header message

 

<!--  ONLY NEEDED IF YOUR NOT ALREADY LOADING A LOAD JQUERY LIBRARY -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

 

 

<!-- LOAD SCOREBOARD FORMATTING CSS FILE -->
<link rel="stylesheet" type="text/css" href="//www.nitrografixx.com/MFL-Scoreboard/skin/Scoreboard_base.css">

<!-- LOAD SCOREBOARD RESPONSIVE CSS FILE REMOVE THIS IF NOT USING RESPONSIVE DESIGNS  -->
<link rel="stylesheet" type="text/css" href="//www.nitrografixx.com/MFL-Scoreboard/skin/responsive_scoreboard.css">

<!-- LOAD SCOREBOARD JS FILE  -->
<script src="//www.nitrografixx.com/MFL-Scoreboard/scoreboard.js"></script>

<script>
var scoreboardName = "";
var scoreboardTestMode = false; // Set to false when done customizations
var importScoreboardSkin = true;  // Set to false for custom designed skins and templates
var includeProjections = true;
var includeSOS = true;
var includeStarterTotals = true;
var includeBenchTotals = true;
var alwaysDisplayBenchPlayers = false;
var allPlaySetup = false;
var hideTiebreakingPlayer = false;
var useNFLIconInPlayerTable = true;
var useMFLIconInPlayerTable = false;

var includeCustomPlayers = false;
var includeLoadingScreen = true;

//MAIN SCOREBOARD AREA (FULL TEAM NAME, TEAM ABBREV, LOGOS OR ICONS) 
//DEFAULT IS FULL TEAM NAME
var scoreboardUseIcon = false; // if true will use mfl icon unless user-defined below has been set
var scoreboardUseLogo = false; // if true will use mfl logo unless user-defined below has been set
var scoreboardUseAbbrev = false; // if true will use mfl abbrev
var scoreboardIconBase = ""; // user-defined image (example where images are team0001.png, team0002.png etc. use "http://www.myhost.com/images/team") 
var scoreboardIconExt = "";  //user-defined extension (from example above use "png")
var scoreboardRoadImageFlip = false; // horizontal flip of image for road team
var scoreboardHomeImageFlip = false; // horizontal flip of image for home team

//MINI-SCOREBOARD AREA
var miniScoreboardUseIcon = false; // if true will use mfl icon unless user-defined below has been set
var miniScoreboardUseLogo = false; // if true will use mfl logo unless user-defined below has been set
var miniScoreboardUseAbbrev = false; // if true will use mfl abbrev
var miniScoreboardIconBase = ""; // user-defined image (example where images are mini0001.gif, mini0002.gif etc. use "http://www.myhost.com/images/mini") 
var miniScoreboardIconExt = ""; //user-defined extension (from example above use "gif")

//OTHER IMAGES
var redZoneImage = "//www.nitrografixx.com/MFL-Scoreboard/red_zone.png";
var hasBallImage = "//www.nitrografixx.com/MFL-Scoreboard/has_ball.png";
var newScoreImage = "//www.nitrografixx.com/MFL-Scoreboard/new_score.png";
var recentUpdateImage = "//www.nitrografixx.com/MFL-Scoreboard/new_stats.png";
var recentNegativeUpdateImage = "//www.nitrografixx.com/MFL-Scoreboard/new_stats_down.png";

var nflLogoPath = "//www.nitrografixx.com/MFL-Popups/NFL-custom-logos/";
var nflLogoExt = "png";

var scoreboardStylesheetPath = "//www.nitrografixx.com/MFL-Scoreboard/skin/";
</script> 

 

 

If you wish to hide your loaded banner or logo on the scoreboard page , you can add something like this to do so

.bannerimage , .leaguelogo , .pageheader:before,#hsubmenu {display:none;}
.pageheader {background:none;height:20px;} 

[theeohiostate]

Demo site - view on mobile and desktop

 

http://www03.myfanta...6&O=247&SEQNO=6

[Bishopmish]

That looks real nice!!!

[DA-G-GURU]

Killer man... so light and clean. Love the fact you did this with all code...

You dropping the CSS into the base file so it matches each skin??

Won't be nothing to style this, and should be fun ...

[theeohiostate]

scoreboard script finalized and you can grab code from 1st post

[theeohiostate]

I only have 9 scoreboard skins complete , over time i will add stylesheets for all 43 MFL skins

[Creelmank]

Stampede

 

This looks great btw!

[UFFLCommish]

Hawk Blue, Brass, Onyx, and Ocean Blue.

[BobA]

TOS I'd like to request the Black and Red skin stylesheet.

 

The scoreboard looks really nice. Thanks to you and Habman.

 

I'm slowly experimenting with the variables. I've only had to delete it all and start over twice. 

[StevenB14]

I'd like to request Silver and Black.  Scoreboard looks fantastic!

[theeohiostate]

Stampede

 

This looks great btw!

 

 

added Stampeded and Steel City skins

[bonscott]

Great job guys.  Didn't I read somewhere that later this summer this scoreboard may get integrated right in with MFL as the default scoreboard?

[theeohiostate]

Great job guys.  Didn't I read somewhere that later this summer this scoreboard may get integrated right in with MFL as the default scoreboard?

 

 

At some point I'd imagine an upgraded scoreboard , but I think that is a year away right now . Far too many other things are in front of this now, and they are considering it but need to be sure their advertising ads are refreshed on the page to keep the revenue coming in. I'm researching on that this week to see how to force a google ad refresh without having to refresh the page and still have it counted.

 

having the entire page refresh like the current live scoring page is bullocks ! They should be able to push the data in from their provider and use nodes to just update what needs updating , at which point the issue becomes the advertisement banners , but there must be other sites pushing different ads without page refreshes , so gotta research it

[Screaming Eagle]

This scoreboard gets better every year. I can't wait to give it a try. I think it's about time to make another Habman donation. TOS, do you have a donation link too?

[theeohiostate]

TOS I'd like to request the Black and Red skin stylesheet.

 

 

black and red skin is done