Miscellaneous Hacks - TW7S - Notifications Alert - Easier To See

This will change the way you are alerted about notifications. The default vBulletin notification on the header is sometimes hard to see.

Demo Screenshots
(Demo's display one private message, and one visitor message)
Firefox Browsers: http://i50.tinypic.com/158b0g1.jpg
Non-Firefox Browsers: http://i50.tinypic.com/2yv59o1.jpg

Instructions

• Upload files
• Perform template edits

Open header

Find:

PHP Code:

<vb:if condition="$notifications_total">
                <li class="popupmenu notifications" id="notifications">
                    <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
                    <ul class="popupbody popuphover">
                        {vb:raw notifications_menubits}
                    </ul>
                </li>
                <vb:else />
                <li class="popupmenu nonotifications" id="nonotifications">
                    <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
                    <div class="popupbody popuphover">
                        <p>{vb:rawphrase no_new_messages}</p>
                        <p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p>
                    </div>
                </li>
                </vb:if> 


Replace With:

PHP Code:

<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li> 


Open template headinclude

Add the following code to the bottom:

PHP Code:

<!-- TheWindows7Site Notifications -->
<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>
<!-- / TheWindows7Site Notifications --> 


Open template navbar

Find:

PHP Code:

<div class="body_wrapper"> 


Add After:

PHP Code:

<!-- TheWindows7Site Notifications -->

<vb:if condition="$notifications_total">

<div style="margin: 5px 5px;"> <div style="padding-top:10px; padding-left: 5px; padding-right: 5px;"> <div style=" -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:#fff2f4 none repeat scroll 0 0; border:1px solid #be0000; margin:5px 10px 0; text-align:justify; "> 

<div style="padding-top:3px; padding-bottom:3px;">

<table width="100%" border="0"> <tbody> <tr> 
<td width="5%" align="center"><img alt="" src="./images/notification.png" width="40" height="40"/></td> 
<td width="90%">


                
                    <b><u>{vb:rawphrase your_notifications}</u>: <span class="notifications-number"><blink>{vb:raw notifications_total}</span></b></blink>
                    
                        <li><ul>{vb:raw notifications_menubits}</ul>
                    
                </li>
                

</td> 
<td width="5%"></td> 
</tr> 
</tbody> 
</table> 
</div>
</div> 
</div> 
</div>
</vb:if>

<!-- / TheWindows7Site Notifications --> 


Enjoy!

[zeroality]

Uninstalled, more bugs popped up.

[YankForum]

nice and clean
certainly installed

[Razfaz]

Hi,
is it possible to show the posts or threads awaiting for moderation for the Mods?

[daveaite]

Don't forget to put a blank index.html in the login folder that you uploaded. Somehow I traveled to the directory one time from the login area.

[Iroc88]

Very Nice TW7S. Installed!!

[Alecsmith]

Installed working on VB 4.0.2 but not on 4.0.3 code need to be update

[penuch]

Ok, I really like this, But I have a dark skin installed, how can I change the text color?

[hcmagix]

Originally Posted by penuch

Ok, I really like this, But I have a dark skin installed, how can I change the text color?

look at line 8

topright:5px; background:#fff2f4 none repeat scroll 0 0; border:1px solid #be0000; margin:5px 10px 0; text-align:justify; ">

the text color u must insert a own class into additinal.css

[Sparrow-Sean]

Now why did this fail for me?

I must be the only person whos failed

[kmohamed]

wow amazing
before my user used to ignore messages
after installing this mod it make their life easier

+ is so easy install just follow the steps
all thanx to you

keep updating this
tagged installed and motm