TW7S - Notifications Alert - Easier To See

[LifesGreatestGift]

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:

<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:

<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:

<!-- 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:

<div class="body_wrapper">



Add After:

<!-- 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! :)

[Dr.osamA]

installed

thanxx man
________
HOW TO INSERT STARCRAFT 2 REPLAYS (http://screplays.com)

[Charlie98902]

What about those using social groups. Also what about those using the social groups notification alert mos in the add ons section? I am interested in this but just had a few questions.

[LifesGreatestGift]

What about those using social groups. Also what about those using the social groups notification alert mos in the add ons section? I am interested in this but just had a few questions.

Any alert that would normally show up on the header will show up in my mod :)

[Charlie98902]

Thanks for the information. Will install in a few.

[Alexandre.R]

Installed! Great work :)

[Trek]

Tagged until I upgrade, but looks nice and clean. Nice work.

[garretbyrne]

Love it man... well done..

[Sador]

Tagged, looks nice.

[saqibnpt]

thanks looking good

[DeviantFlash]

How does it look on dark themes?

[cTak]

How can you change the color of the text?

I have a dark theme with white text and the text is not visible.

Thanks!

[rmxs]

Thanks :)

[MrMister]

Perfect. I have had an issue with my dropdown box and this eliminated the box... Perfect!

Thank you a lot for this one!

[Front Range 4x4]

Thank you, much better display than standard vBulletin *installed*

[Markos]

to get it like mine in navbar use the code below

http://img.photobucket.com/albums/v306/markos1977/UO0037.jpg

http://img.photobucket.com/albums/v306/markos1977/UO0036.jpg

<!-- 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: 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 -->

[zeroality]

How do you make Group Invitation notifications go away? I clicked on it and it takes me to my list of group invitations. There is only a 'join' button, no other button to deny the invitation to get rid of the notification.

[PukkaBen]

Installed and it works great!! Only thing is, I am missing the 'forum/images/notification.png' image, is this something that you have added into the code that we need to download or should I have it from the vB uploaded files?

[LifesGreatestGift]

should be in the attachment.

[zeroality]

should be in the attachment.
Hi Windows7, can you help me here (post above) (https://vborg.vbsupport.ru/showpost.php?p=2003848&postcount=17)?

[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]

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

[LuisManson]

can someone attach or repost screenshots? tinypic banned my country :|

[LifesGreatestGift]

Use my updated version instead

https://vborg.vbsupport.ru/showthread.php?t=254231

[Sforums]

Great mod but I have a problem. When I click on notification following message comes up all the time:

The webpage cannot be found
HTTP 404
Most likely causes:
•There might be a typing error in the address.
•If you clicked on a link, it may be out of date.

Why am I having this problem?

[kylek]

Is there any way to stop certain notifications from showing?

[zeus_r6]

So far so good :)