Blink the Welcome Bar when receiving a new PM!

Some tiny bits and pieces of this hack was adapted from Chen's vB 2 version of this hack, so kudos to him



What this hack does is it makes the 'Welcome, $username' box in the navbar blink by changing colors whenever a user has a new PM, so that it will catch their attention and they won't miss the PM



You can view the hack in action by viewing the attached screenshot to this post! (Meaning that it will blink like it's supposed to )



Anyways, here are the instructions:



Open up the navbar template and find:

        <td class="alt2" valign="top" nowrap="nowrap">

Replace with

        <td valign="top" nowrap="nowrap" <if condition="$bbuserinfo['pmunread']">id="pmBox"<else />class="alt2"</if>>

Find:

    <else />

 

        <td class="alt2" nowrap="nowrap" style="padding:0px">

Above, add

	<if condition="$bbuserinfo['pmunread']">
	<script type="text/javascript">
<!-- 
<!-- blink navbar on new pms -->
pmBox.bgColor='$stylevar[thead_bgcolor]';
setInterval("Timer()", 500);
x=1;
function Timer()
{
	set=1;
	if (x==0 && set==1)
	{
		pmBox.bgColor='$stylevar[tcat_bgcolor]';
		x=1;
		set=0;
	}
	if (x==1 && set==1)
	{
		pmBox.bgColor='$stylevar[thead_bgcolor]';
		x=0;
		set=0;
	}
}
-->
</script></if>

All done! You can view the hack in action by viewing the attached screenshot! (Meaning that it will blink like it's supposed to )

[Gary W]

Okay then you can just change the colour variables to a specified colour by replacing them with colour codes

[Alzeimer]

Great, Installed and working, thanks!!!

[Natch]

Originally Posted by Boofo

Can we see yours?

I'll try to mate - my gif animation skillz are a bit rusty

BBL with it hopefully

Grab the JS file - the chgclass.js file - upload it to forumhome/clientscript and load that in your headinclude template.

<script type="text/javascript" src="$vboptions[bburl]/clientscript/vbulletin_chgclass.js"></script>

Then in the navbar template, make the following alterations ...

Find the first instance of:

PHP Code:

<script type="text/javascript">
<!-- 


ADD AFTER:

PHP Code:

<if condition="$bbuserinfo['pmunread']">
setInterval("Timer()", 1000);
x=1;
function Timer()
{
    set=1;
    if (x==0 && set==1)
    {
        changeSty('alt1','pmBox');
        changeSty('alt2','breadBox');
        x=1;
        set=0;
    }
    if (x==1 && set==1)
    {
        changeSty('alt2','pmBox');
        changeSty('alt1','breadBox');
        x=0;
        set=0;
    }
}
</if> 


Example:


It works with whatever colours you have in your style for alt1 and alt2, so translates across your board without trouble

[Mr. Brian]

I don't think it works for gamma.

[imported_Diana Notacat]

As spectacularly awesome as this is, it doesn't seem work in Mozilla or Netscape! It's only working on my IE. Anyway to spiff it up to work on other browsers?

[wolfgang3]

nice add on! thx

[Gary W]

Doesn't work for Netscape/Mozilla type browsers; I think the browsers are like that, they don't like the scripting that makes this work.

[Natch]

<a href="http://www.vbulletintemplates.com/mods/showpost.php?p=47441&postcount=23" target="_blank">This one</a> (post #23 in this thread) does work in Mozilla / Netscrape .... the animation was recorded on Firebird ...

Props to Gary for the concept...

[Jolten]

Works like a charm. I had to add an extra id to accomodate an extra table cell in my suctom header, but it works fabulously. Thanks Gary.

[Skaterscafe.com]

Works great for me also, thanks!

My site is in black & white, is there a easy way to change the blink color to red or yellow?