Mini Mods - New Notification Box below Navbar

New Notification Box below Navbar

This mod allows you to add a Notification Box. This box shows up below navbar only when a member receive a notification (private message, visitor message, friends, social groups, etc...). There is a blink effect on the text.


https://vborg.vbsupport.ru/vborg_mis...hreadid=214703

Installation


In your template headinclude

Add at the bottom:

<!-- notifications blink -->
<script type="text/javascript">
<!--
if ( document.all )
{
    function blink_show()
    {
        blink_tags  = document.all.tags('blink');
        blink_count = blink_tags.length;
        for ( i = 0; i < blink_count; i++ )
        {
            blink_tags[i].style.visibility = 'visible';
        }
        window.setTimeout( 'blink_hide()', 700 );
    }
    function blink_hide()
    {
        blink_tags  = document.all.tags('blink');
        blink_count = blink_tags.length;
        for ( i = 0; i < blink_count; i++ )
        {
            blink_tags[i].style.visibility = 'hidden';
        }
        window.setTimeout( 'blink_show()', 250 );
    }
    window.onload = blink_show;
}
-->
</script>
<!-- / notifications blink -->

In your template Navbar,

Find (at the end of this template) :

<if condition="$show['member'] AND     $notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifications_menu" style="display:none">
    <table cellpadding="4" cellspacing="1" border="0">
    <tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
    $notifications_menubits
    </table>
</div>
<!-- / notifications menu -->
</if>

Add below:

<!-- notifications box -->
<if condition="$show['member'] AND     $notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifbox_menu" style="display:none">
    <table cellpadding="4" cellspacing="1" border="0">
    <tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
    $notifications_menubits
    </table>
</div>
<!-- / notifications box -->
</if>





<!-- notification box -->
<if condition="$show['notifications']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>

<if condition="$show['member']">
    <td class="alt2" align="center" nowrap="nowrap">
    <div class="smallfont">

        <if condition="$show['notifications']">
            <div><span id="notifbox"><blink><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <font color="red"><strong>$notifications_total</strong></font></blink></span></div>
            <if condition="$show['popups']">
                <script type="text/javascript"> vBmenu.register("notifbox"); </script>
            </if>
        
        </if>

    </div>
    </td>
</if>
</tr>
</table>
<br />
</if>
<!-- / notification box -->

[goxy63]

First
Installed, rated, nominated

Thanks

[cspears22]

Thanks!

[Mike-D]

Keep in mind that Blink effects are being supported only for Firefox Browsers...

<div style="text-decoration: blink; ... >

Most Browsers does not support this so you have have to extend this with a simple JS

[Sofia]

Originally Posted by Mike-D

Keep in mind that Blink effects are being supported only for Firefox Browsers...

<div style="text-decoration: blink; ... >

Most Browsers does not support this so you have have to extend this with a simple JS

You're right. Directly fixed with blink tags.

[DobieGillis?]

Originally Posted by Sofia

You're right. Directly fixed with blink tags.

so it does work with IE now?

[Sofia]

Originally Posted by DobieGillis?

so it does work with IE now?

Yes

[DobieGillis?]

thanks Sofia, as always!

[Black Tiger]

Oh nice I was looking for something like this, thank you!!

[JointRolla420]

AWESOME!!!! My custom skin designer did not include the notifications code because he moved the pm's thing into header and removed the navbar that shows your username and pm count etc.

Now ppl will know when they have a visitor msg again xD

thanks