[phpbb3] New PM Customizeable lightbox

**jayfella** · 19th Feb 2010, 01:52 PM

This mod will create a "lightbox" New PM notification.

NOTE: This modification requires that "notify me on new private messages" be enabled in your UCP.

1) Download RokBox STANDALONE:

Code:

http://rocketwerx.com/products/rokbox/download

2) Upload the folder "rokbox" from the zip file to your "public_html" root folder.

3)

IN: Overall_header.html

Find and REMOVE:

Code:

    <!-- IF S_USER_PM_POPUP -->
        if ({S_NEW_PM})
        {
            var url = '{UA_POPUP_PM}';
            window.open(url.replace(/&amp;/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
        }
    <!-- ENDIF -->

Find:

Code:

</head>

Add BEFORE:

Code:

<script type="text/javascript" src="rokbox/mootools-release-1.11.js"></script>

<script type="text/javascript" src="rokbox/rokbox.js"></script>
<link href="rokbox/themes/dark/rokbox-style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="rokbox/themes/light/rokbox-config.js"></script>

Find:

Code:

<body

In-Line, add After:

Code:

onload="<!-- IF S_DISPLAY_PM -->clickElement('myclicker')<!-- ENDIF -->"

Find:

Code:

<div id="wrap">

Add Before:

Code:

<!-- IF S_DISPLAY_PM -->
<a id="myclicker" rel="rokbox[320 40][module=privmsg]" href="#" title="" accesskey="l"></a>
<!-- ENDIF -->

IN: Overall_Footer.html

Find:

Code:

</body>

Add BEFORE:

Code:

<!-- IF S_DISPLAY_PM -->
<!-- INCLUDE newPM.html -->

<script type="text/javascript">
function clickElement(elementid){
if ({S_NEW_PM})
{
var e = document.getElementById(elementid);
    if (typeof e == 'object') {
        /*if(typeof e.click != 'undefined') {
            e.click();
            alert('click');
            return false;
        }
        else */
        if(document.createEvent) {
            var evObj = document.createEvent('MouseEvents');
            evObj.initEvent('click',true,true);
            e.dispatchEvent(evObj);
            return false;
        }
        else if(document.createEventObject) {
            e.fireEvent('onclick');
            alert('createEventObject');
            return false;
        }
        else {
            e.click();
            alert('click');
            return false;
        }
    }
}
}
</script>
<!-- ENDIF -->

ok.
Create a new file in /styles/myTemplate/template called "newPM.html" and paste the following

into it, or create your own:

Code:

<style type="text/css">
#privmsg {display: none;}
</style>

<div id="privmsg">
<center>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="padding-left: 6px;">
You have a new message. Would you like to read it?
</td>
</tr>
</table>
<br />
<a href="ucp.php?i=pm&folder=inbox"><button type="button">Yes</button></a>
&nbsp;&nbsp;
<a href="#" onClick="javascript:rokbox.close()"><button type="button">No</button></a>
</center>
</div>

PURGE CACHE. DONE.

CUSTOMIZING:

To change the color of the lightbox, the rokbox theme path must be changed:

Dark:

Code:

<link href="rokbox/themes/dark/rokbox-style.css" rel="stylesheet" type="text/css" />

Light:

Code:

<link href="rokbox/themes/light/rokbox-style.css" rel="stylesheet" type="text/css" />

To change the layout of the alert, simply edit "/styles/myTheme/Template/newPM.html"

This modification uses MooTools. More modifications will be added by me to further use these tools.

jayfella Reviewed by jayfella on 19th Feb 2010. [phpbb3] New PM Customizeable lightbox This mod will create a "lightbox" New PM notification. NOTE: This modification requires that "notify me on new private messages" be enabled in your UCP. http://imgcentre.com/img/uploads/big/39cf905e8f.png 1) Download RokBox STANDALONE: http://rocketwerx.com/products/rokbox/download2) Upload the folder "rokbox" from the zip file to your "public_html" root folder. 3) Rating: 5

**Gempis** · 19th Feb 2010, 01:56 PM

Great mod mate...

**snowmanrene** · 19th Feb 2010, 04:19 PM

Nice work jay

**Nemesis** · 19th Feb 2010, 04:21 PM

Nice one

**ElementSnake** · 19th Feb 2010, 04:21 PM

Great Work As Usual

**pi0tr3k** · 19th Feb 2010, 04:23 PM

bb2 please?

**jayfella** · 19th Feb 2010, 04:58 PM

i have no idea how to do it in bb2 m8. never used it in my life

[phpbb3] New PM Customizeable lightbox

Thread Tools

Display

[phpbb3] New PM Customizeable lightbox

Sponsored Links

Thread Information

Users Browsing this Thread

Similar Threads

Text Lightbox

[Hiring] Lightbox for Text in Wordpress

Colorbox/Lightbox and frames

[VB 3.8.x]WGTools iframe lightbox popup

[phpbb]WGTools iframe lightbox popup

Tags for this Thread

Posting Permissions

themaPoster - post to forums and...

themaCreator - create posts from...

themaCreator - create posts from...

themaRegister - register to forums...

themaLeecher - leech and manage...