Different PM Alert: Need Help with my old code "Please"

[Aletha]

Forum URL: alethasfantasy.proboards.com/


Looking for PM Alert, like my old code Or help Fixing Mine Please.


I need Help Please.



I have looked in the Plugin Library & found PM Alerts, New PM Alert & Message Alert (timed)



I don't like the plain Jane color & doesn't say if you can change it.



I did have a Sound on PM but the place I got the sound is no more, but If you have the sound turned down then you don't hear it.



What I would Love to have is a Tag/Graphic.



The code I have, When you have a new PM, it pops up a picture/Tag in the top-right corner, and then expands/Floats to the center to tell you have a new PM's.



Thanks for any Help or Info.


Global Header


Code:


<div id="pageOverlay" style="display: none;background-color: #000000; opacity: 0.0; filter:alpha(opacity=0); width: 100%; height: 100%; position: absolute; top: 0; left: 0;" onclick="PM_Notifier.doCollapse(1);"></div>



<div style="position: absolute; right: 0%; top: 0px;">



<div class="windowbg" style="border: 1px solid black; width: 100px; height: 100px; display: none; position: relative; top: 0px; right: 0px;" id="pmHolder">



<span style="float: left;">



<a title="Close" onclick="PM_Notifier.doExpand()" href="javascript: void(0)" id="theA">



<img style="border-right: 1px solid black;" src="http://i59.tinypic.com/xcr894.jpg" border="0" height="100" width="100">



</a>



</span>



<div id="spanRight" style="float: right; text-align: center;">



<span style="margin: 0 auto; display: none;" id="pmNot_theInfo">



<span id="pmNot_newPms"></span>



<br />



[<a href="/index.cgi?action=pm">Inbox</a> | <a href="/index.cgi?action=pmsend">New Message</a> | <a href="javascript: void(0)" onclick="PM_Notifier.doCollapse(1, 1);">Don't Show Again</a>]



</span>



</div>



</div>



</div>







<script type="text/javascript">



/*----------------------------------*\



| P M Notifier v1.5



| (C) Simie 2008 - Present



| Do not repost without permission



\*--------------------------------- */







var Overlay = false; // Enable or disable overlay







var script = document.createElement("script");



script.src="http://pb.proscripts.co.uk/pmnotifer_15.js";



script.type="text/javascript";



document.body.appendChild(script);



</script>

[Aletha]

I found where this code came from.

It was Up-Dated:

PM Notifier [CB] [UPDATED]


support.proboards.com/thread/70691/notifier-cb-updated


Simie

Senior Member


Was going to post in there but there is no place to make a post in that link to the post........



THIS CODE HAS BEEN UPDATED - 10th Feb '08



This update fixes numerious problems with the Internet Explorer Browser and adds more features to the code.



Updates:

-Page Overlay (Fades out the rest of the page while the pm notifier is open)

-Option to stop the notifier from opening all the time

-Fixes "Operation Aborted" error with the Internet Explorer Browser.

-Now works in all resolutions, and is always centred on the page

-Option to customise the layout and image





Righto, this code, I think, is rather cool



When you have a new PM, it pops up a exclamation mark in the top-right corner, and then expands to tell you how many new PM's you have etc.





Global Header



<div id="pageOverlay" style="display: none;background-color: #000000; opacity: 0.0; filter:alpha(opacity=0); width: 100%; height: 100%; position: absolute; top: 0; left: 0;" onclick="PM_Notifier.doCollapse(1);"></div>

<div style="position: absolute; right: 0%; top: 0px;">

<div class="windowbg" style="border: 1px solid black; width: 100px; height: 100px; display: none; position: relative; top: 0px; right: 0px;" id="pmHolder">

<span style="float: left;">

<a title="Close" onclick="PM_Notifier.doExpand()" href="javascript: void(0)" id="theA">

<img style="border-right: 1px solid black;" src="http://img174.imageshack.us/img174/88/exclamationsb1.png" border="0" height="100" width="100">

</a>

</span>

<div id="spanRight" style="float: right; text-align: center;">

<span style="margin: 0 auto; display: none;" id="pmNot_theInfo">

<span id="pmNot_newPms"></span>

<br />

[<a href="/index.cgi?action=pm">Inbox</a> | <a href="/index.cgi?action=pmsend">New Message</a> | <a href="javascript: void(0)" onclick="PM_Notifier.doCollapse(1, 1);">Don't Show Again</a>]

</span>

</div>

</div>

</div>



<script type="text/javascript">

/*----------------------------------*\

| P M Notifier v1.5

| (C) Simie 2008 - Present

| Do not repost without permission

\*--------------------------------- */



var Overlay = false; // Enable or disable overlay



document.write('<script type="text/javascript" src="http://pb.proscripts.co.uk/pmnotifer_15.js"><\/script>');

</script>





To enable the page overlay, change this line:



var Overlay = false; // Enable or disable overlay



to this:



var Overlay = true; // Enable or disable overlay







To change the exclamation mark image change the following URL:



img174.imageshack.us/img174/88/exclamationsb1.png
 

I changed the Image & put this in my Global Header
.
But still will not work. 


Global Header



<div id="pageOverlay" style="display: none;background-color: #000000; opacity: 0.0; filter:alpha(opacity=0); width: 100%; height: 100%; position: absolute; top: 0; left: 0;" onclick="PM_Notifier.doCollapse(1);"></div>

<div style="position: absolute; right: 0%; top: 0px;">

<div class="windowbg" style="border: 1px solid black; width: 100px; height: 100px; display: none; position: relative; top: 0px; right: 0px;" id="pmHolder">

<span style="float: left;">

<a title="Close" onclick="PM_Notifier.doExpand()" href="javascript: void(0)" id="theA">

<img style="border-right: 1px solid black;" src="http://i59.tinypic.com/xcr894.jpg" border="0" height="100" width="100">

</a>

</span>

<div id="spanRight" style="float: right; text-align: center;">

<span style="margin: 0 auto; display: none;" id="pmNot_theInfo">

<span id="pmNot_newPms"></span>

<br />

[<a href="/index.cgi?action=pm">Inbox</a> | <a href="/index.cgi?action=pmsend">New Message</a> | <a href="javascript: void(0)" onclick="PM_Notifier.doCollapse(1, 1);">Don't Show Again</a>]

</span>

</div>

</div>

</div>



<script type="text/javascript">

/*----------------------------------*\

| P M Notifier v1.5

| (C) Simie 2008 - Present

| Do not repost without permission

\*--------------------------------- */



var Overlay = false; // Enable or disable overlay



document.write('<script type="text/javascript" src="http://pb.proscripts.co.uk/pmnotifer_15.js"><\/script>');

</script>