Jump to content


Photo

Mobile friendly template...

html css js template

178 replies to this topic

#166 grooves12

grooves12

    Veteran

  • Members
  • PipPipPip
  • 76 posts

Posted 17 September 2019 - 12:51 PM

I made a few more tweaks to the skin to adjust some little irregularities and personal preferences. All are based on the Red/Blue skin and may not look correctly with other skins, but colors codes could be adjusted to match any of the other skins.

 

I wanted the icons to change to red when hovering, so I adjusted this setting already present in the skin:

 

a:hover [class^="icon"] {
  fill: #c72626; }

The hover text was transparent on the mobile version of submit lineup, making it difficult to read. I made it white to match the light skins and disabled the comments box, my league doesn't make use of it and it cleans up the screen on mobile:

/* Custom Mobile Lineup Floating Fix */
#starter-caption-fixed caption, #bench-caption-fixed caption {background-color:white}
#starter-caption-fixed th, #bench-caption-fixed th {background-color:white}
#optional-message-table{display:none}
#body_lineup .alert-info{display:none}

Added hover properties and box outlines for both the MFL and NFL scoring on the custom scoreboard:

 

/* Scoreboard Fix */
	/* border color for each fantasy and nfl box score table  */
.MFLGameTable,.MFLNFLGameTable{border-color:#e8edf1;background:#fff;}
	/* font color for boxscores winner arrow and pace score  */
.MFLGameLinks .MFLPaceScore,.MFLGameLinks .MFLWinMarker,.MFLGameLinks .MFLNFLWinMarker{color:#da3636}
	/* hover and current state background opactity color for boxscores  */
#MFLBoxHolder td.matchupHilite table,#MFLBoxHolder td.matchupHilite:hover table{background:#e8edf1;border-color:#428cca}
#MFLBoxHolder td.matchupLolite:hover table{background:#e8edf1;border-color:#428cca}

Colored the mobile tabs to match the skin:

@media only screen and (max-width:48.000em) {
        .myfantasyleague_tabmenu{background:#b22222;margin-bottom:0;margin-top:10px;}
	.myfantasyleague_tabmenu #homepagetabs li a{color:#white}
	.myfantasyleague_tabmenu > span{color:#white}
}


#167 CCFFL

CCFFL

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 03 September 2020 - 09:29 AM

On the lineup submission page, if I click the USE CUSTOM SUBMISSION FORM button to select the enhanced lineup submission page,  I lose the ability to submit lineups and lose the button to switch back to Default Submission Form.

 

 

I can go to printer friendly page and see the custom submission form and click the default button to switch back.

 

 

This is happening in both Chrome and Firefox.

 

 

 

Any ideas?



#168 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,580 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 03 September 2020 - 09:42 AM

submit lineup script is working fine , so must be related to the template


FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/


#169 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,580 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 03 September 2020 - 10:00 AM

On the lineup submission page, if I click the USE CUSTOM SUBMISSION FORM button to select the enhanced lineup submission page,  I lose the ability to submit lineups and lose the button to switch back to Default Submission Form.

 

 

I can go to printer friendly page and see the custom submission form and click the default button to switch back.

 

 

This is happening in both Chrome and Firefox.

 

 

 

Any ideas?

 

if you want to duplicate your league and send me an invite and grant commish access i can probably get this fixed

 

theeohiostate at gmail dot com


FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/


#170 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,580 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 03 September 2020 - 10:21 AM

FYI

 

I just installed this template and lineup form works fine , all buttons are showing

 

did you install any custom css or js files ?  Something outside of the lineup script and the template files are causing your issue.


FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/


#171 DA-G-GURU

DA-G-GURU

    Veteran

  • Members
  • PipPipPip
  • 1,184 posts
  • Gender:Male
  • Location:DAGrafixDesigns.com

Posted 03 September 2020 - 10:44 AM

SSL (MFL)

MFL PLAYER POP UP (MFL)

JQUERY (MFL)

 

Turn to off, or conflict wont allow it to work (likely)


Simply The Best in Grafix and CSS webdesign since 2005

www.dagrafixdesigns.com

---------------
Twitter @DA_Sticks

#172 CCFFL

CCFFL

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 03 September 2020 - 04:01 PM

I made a copy of the league and sent you an invite.

 

I think the only tweak I made was adding the enhanced scoreboard, which is working.  But I'm pretty limited to my knowledge on this stuff so I'm sure I have some other setting messed up.



#173 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,580 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 03 September 2020 - 04:46 PM

Have not got an invite yet

FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/


#174 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,580 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 03 September 2020 - 09:13 PM

add this to your footer

<style>
#body_lineup .mobile-wrap {
    visibility: visible;
}
</style> 

 

 

Also , in your header message , change this

<script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin="anonymous"></script>
<script src="http://www.habman.com/mfl/apps/js/1.10.4_jquery-ui.min.js"></script>
<script src="//nitrografixx.com/MFL-Lineup/lineup.js"></script> 
<script src="//use.fontawesome.com/6ccd97559b.js"></script>  

 

 

To This

<script src="//code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin="anonymous"></script>
<script src="//www.habman.com/mfl/apps/js/1.10.4_jquery-ui.min.js"></script>
<script src="//nitrografixx.com/MFL-Lineup/lineup.js"></script> 
<script src="//use.fontawesome.com/6ccd97559b.js"></script>  

 


FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/


#175 CCFFL

CCFFL

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 03 September 2020 - 11:23 PM

Thanks, that partially fixed the issue.

 

 

It now display the custom form, but the player images are all silhouettes unless I view printer friendly.

 

 

I granted commish access on the copied league. 



#176 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,580 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 04 September 2020 - 07:27 AM

Thanks, that partially fixed the issue.

 

 

It now display the custom form, but the player images are all silhouettes unless I view printer friendly.

 

 

I granted commish access on the copied league. 

 

 

got you working - thanks to Habman !

 

You must have enabled the crappy MFL player popup and it must be disabled

 

For Commissioners > Setup > Appearance Setup > Reports and Security Settings
 
Player Links Launch Player Profile Popup? - must be disabled (set to "No")

FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/


#177 DA-G-GURU

DA-G-GURU

    Veteran

  • Members
  • PipPipPip
  • 1,184 posts
  • Gender:Male
  • Location:DAGrafixDesigns.com

Posted 04 September 2020 - 07:36 AM

Thanks, that partially fixed the issue.

 

 

It now display the custom form, but the player images are all silhouettes unless I view printer friendly.

 

 

I granted commish access on the copied league. 

 

 

got you working - thanks to Habman !

 

You must have enabled the crappy MFL player popup and it must be disabled

 

For Commissioners > Setup > Appearance Setup > Reports and Security Settings
 
Player Links Launch Player Profile Popup? - must be disabled (set to "No")


ROFL... I stated that above, those are the go to first for fixes, as i have wasted to many hours otherwise and all along its pesky mfl settings!


Simply The Best in Grafix and CSS webdesign since 2005

www.dagrafixdesigns.com

---------------
Twitter @DA_Sticks

#178 CCFFL

CCFFL

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 04 September 2020 - 08:12 AM

Awesome, thanks so much for the help and these great tools!



#179 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,580 posts
  • Gender:Male
  • Location:O-H-I-O

Posted 04 September 2020 - 11:28 AM

we have updated the lineup script so it works even if using the MFL popup now


FREE Player Cuts Collection
https://www.nitrogra...om/player-cuts/




Reply to this topic



  



0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users