Back to vBulletin 4.x Template Modifications

TW7S - Notifications Alert - Easier To See
Mod Version: 1.00, by LifesGreatestGift

vB Version: 4.0.x Rating: (9 votes - 5.00 average) Installs: 84
Released: 03 Jan 2010 Last Update: 03 Jan 2010 Downloads: 338
Not Supported Template Edits Additional Files Re-usable Code Translations  

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">
                    <
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">
                    <
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 ( 
0blink_counti++ )
        {
            
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 ( 
0blink_counti++ )
        {
            
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!

Download

File Type: %1$s TheWindows7Site Notifications.zip (5.9 KB, 391 downloads)

Similar Mods

Miscellaneous Hacks Threads notifications - show threads in notifications list vBulletin 3.7 Add-ons
Mini Mods Change Notifications Box Background on New Notifications vBulletin 3.7 Add-ons

vblts.ru supports vBulletin®, 2022-2024