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!