Jump to content


Photo

POPUPS - Addon


4 replies to this topic

#1 habman

habman

    Veteran

  • Members
  • PipPipPip
  • 2,703 posts
  • Gender:Male
  • Location:Leamington ON, Canada

  • 2017 MFL: 55681
  • , 18835

Posted 27 September 2018 - 03:12 PM

I have been using the following add on for my leagues since last year and I thought I would share.

 

If you are using the POPUP script located here: http://forums.myfant...showtopic=35518

 

you can also include the following addon which will attach the following notifications to the menu if/when they become active: 

  • trade offer icon
  • new message board post icon
  • new private message icon
  • new poll icon to the main menu 
  • trade awaiting review
  • pending trade to approve (commish only)

This can all be placed in a footer message (or header message so long as it appears after the POPUP script)  must be in footer

 

Here is the relevant CSS:

<style>
.fa-inbox,.fa-comments-o,.fa-bar-chart,.fa-exclamation-triangle,.fa-hourglass-half,.fa-handshake-o{color:chartreuse!important}
.fa-inbox:hover,.fa-comments-o:hover,.fa-bar-chart:hover,.fa-exclamation-triangle:hover,.fa-hourglass-half:hover,.fa-handshake-o:hover{color:yellow!important}
.addon-icons{display:inline-block}
.addon-icons-mobile{display:inline-block;padding-left:4px}
</style>

 

Here is the javascript/html:

<script>
var enableAddonNewPM = true;
var enableAddonNewPost = true;
var enableAddonPoll = true;
var enableAddonTrade = true;
</script>

<!-- NO NEED TO EDIT BELOW THIS LINE -->
<div id="message_board_check" style="display:none"><module name="MESSAGE_BOARD_SUMMARY"/></div>
<div id="poll_check" style="display:none"><module name="POLL_SUMMARY"/></div>
<div id="poll_check" style="display:none"><module name="POLL"/></div>
<div id="trade_check" style="display:none"><module name="TRADES"/></div>

<script src="//www.nitrografixx.com/MFL-Popups/popup-addon.js"></script> 

 

It has worked great for our leagues so it has been tested but if you find issues please post and I will try to help you out.


My MFL scripts . . . . . . . . http://www.habman.com/mfl/

#2 theeohiostate

theeohiostate

    Veteran

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

Posted 27 September 2018 - 06:03 PM

Hab,

 

Add this js file to my server - compressed

<style>
.fa-inbox,.fa-comments-o,.fa-bar-chart,.fa-exclamation-triangle,.fa-hourglass-half,.fa-handshake-o{color:chartreuse!important}
.fa-inbox:hover,.fa-comments-o:hover,.fa-bar-chart:hover,.fa-exclamation-triangle:hover,.fa-hourglass-half:hover,.fa-handshake-o:hover{color:yellow!important}
.addon-icons{display:inline-block}
.addon-icons-mobile{display:inline-block;padding-left:4px}
</style>

 

 

<script>
var enableAddonNewPM = true;
var enableAddonNewPost = true;
var enableAddonPoll = true;
var enableAddonTrade = true;
</script>

<!-- NO NEED TO EDIT BELOW THIS LINE -->
<div id="message_board_check" style="display:none"><module name="MESSAGE_BOARD_SUMMARY"/></div>
<div id="poll_check" style="display:none"><module name="POLL_SUMMARY"/></div>
<div id="poll_check" style="display:none"><module name="POLL"/></div>
<div id="trade_check" style="display:none"><module name="TRADES"/></div>
<script src="//www.nitrografixx.com/MFL-Popups/popup-addon.js"></script> 

FREE Player Cuts Collection
http://www.nitrograf...nfl-playercuts/

#3 habman

habman

    Veteran

  • Members
  • PipPipPip
  • 2,703 posts
  • Gender:Male
  • Location:Leamington ON, Canada

  • 2017 MFL: 55681
  • , 18835

Posted 28 September 2018 - 05:22 AM

Thanks TOS for hosting.  I have updated my initial post.


My MFL scripts . . . . . . . . http://www.habman.com/mfl/

#4 DA-G-GURU

DA-G-GURU

    Veteran

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

Posted 28 September 2018 - 09:10 AM

I have been using the following add on for my leagues since last year and I thought I would share.

 

If you are using the POPUP script located here: http://forums.myfant...showtopic=35518

 

you can also include the following addon which will attach the following notifications to the menu if/when they become active: 

  • trade offer icon
  • new message board post icon
  • new private message icon
  • new poll icon to the main menu 
  • trade awaiting review
  • pending trade to approve (commish only)

This can all be placed in a footer message (or header message so long as it appears after the POPUP script)

 

Here is the relevant CSS:

<style>
.fa-inbox,.fa-comments-o,.fa-bar-chart,.fa-exclamation-triangle,.fa-hourglass-half,.fa-handshake-o{color:chartreuse!important}
.fa-inbox:hover,.fa-comments-o:hover,.fa-bar-chart:hover,.fa-exclamation-triangle:hover,.fa-hourglass-half:hover,.fa-handshake-o:hover{color:yellow!important}
.addon-icons{display:inline-block}
.addon-icons-mobile{display:inline-block;padding-left:4px}
</style>

 

Here is the javascript/html:

<script>
var enableAddonNewPM = true;
var enableAddonNewPost = true;
var enableAddonPoll = true;
var enableAddonTrade = true;
</script>

<!-- NO NEED TO EDIT BELOW THIS LINE -->
<div id="message_board_check" style="display:none"><module name="MESSAGE_BOARD_SUMMARY"/></div>
<div id="poll_check" style="display:none"><module name="POLL_SUMMARY"/></div>
<div id="poll_check" style="display:none"><module name="POLL"/></div>
<div id="trade_check" style="display:none"><module name="TRADES"/></div>

<script src="//www.nitrografixx.com/MFL-Popups/popup-addon.js"></script> 

 

It has worked great for our leagues so it has been tested but if you find issues please post and I will try to help you out.

 

 

I have these on a couple of extended sites of mine per Habman some time ago, and i can really say they are a very nice small minimalist addition to the 4-1 pop ups that really are cool and work well. Nice share Hab and thanks to TOS for hosting the JS of course.


Simply The Best in Grafix and CSS webdesign since 2005

www.dagrafixdesigns.com

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

#5 habman

habman

    Veteran

  • Members
  • PipPipPip
  • 2,703 posts
  • Gender:Male
  • Location:Leamington ON, Canada

  • 2017 MFL: 55681
  • , 18835

Posted 03 October 2018 - 08:08 AM

Initially I posted that this script can appear in the footer (or header as long as it appears after the popup.js script).

 

Scratch that.  I have noticed a few funky things when it is in the header.  This script must appear in the footer.


My MFL scripts . . . . . . . . http://www.habman.com/mfl/



Reply to this topic



  


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users