Log in

View Full Version : Logout 'fading' that works in IE, FireFox, Opera, etc..

Eric
07-24-2006, 10:00 PM
UPDATED TO 1.0.1

For vB 4.0 - please see this thread https://vborg.vbsupport.ru/showthread.php?t=228086

I'm not sure if there is already something like this here, if there is, sorry.

By default, the way vBulletin handles it, it will only work in Internet Explorer. Using the code below, however, it will work in IE, FireFox, Opera, (and should in others, but these are the only browsers I have installed :) ).

Note, though, it doesn't do the exact same style as vB default.

Installation:

On 3.5.x - 3.6.5
In the AdminCP > Styles & Templates > Styles Manager > (your style) > navbar template find:

<script type="text/javascript">
<!--
function log_out()
{
ht = document.getElementsByTagName("html");
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grays cale=1)";
if (confirm('$vbphrase[sure_you_want_to_log_out]'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
//-->
</script>

Replace with:
Note, if you installed this before today.. this code is different ;) To update, simple find "// You can change 30 and 0.3 to suit your 'tastes' :)" in your template code, and replace the function with this


<script type="text/javascript" language="JavaScript">
<!--
function log_out()
{
// You can change 30 and 0.3 to suit your 'tastes' :)
bo = document.getElementsByTagName('body')[0];
bo.style.filter = 'Alpha(opacity="30")';
bo.style.MozOpacity = '0.3';
bo.style.opacity = '0.3';

if (confirm('$vbphrase[sure_you_want_to_log_out]'))
{
return true;
}
else
{
bo.style.filter = 'Alpha(opacity="100")';
bo.style.MozOpacity = '1';
bo.style.opacity = '1';
return false;
}
}
//-->
</script>



On 3.6.6+
In the clientscript/vbulletin_global.js file find:

function log_out(confirmation_message)
{
var ht = document.getElementsByTagName("html")[0];
ht.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grays cale=1)";
if (confirm(confirmation_message))
{
return true;
}
else
{
ht.style.filter = "";
return false;
}
}

Replace with:

function log_out(confirmation_message)
{
// You can change 30 and 0.3 to suit your 'tastes' :)
var bo = document.getElementsByTagName('body')[0];

bo.style.filter = 'Alpha(opacity="30")';
bo.style.MozOpacity = '0.3';
bo.style.opacity = '0.3';

if (confirm(confirmation_message))
{
return true;
}
else
{
bo.style.filter = 'Alpha(opacity="100")';
bo.style.MozOpacity = '1';
bo.style.opacity = '1';
return false;
}
}



Changelog:
1.0.0 - 11. Jun 2007
- Updated 3.5.4 code
- Added a way to get this to work on 3.6.6+

1.0.0 - 25. Jul 2006
- Initial release


The screenshot is in FireFox, however, it's the same in both IE and Opera.

That's it. :) Enjoy!
JD210
07-25-2006, 08:05 AM
Sweet. Works beautifully. ***Clicks Installed.***
TTG
07-25-2006, 10:26 AM
Works in 3.6.0 ... :) .. Thanks

Clicked install
Snake
07-25-2006, 11:25 AM
Oh well I was looking for the exact default one that works on IE but whatever, this should do it.

Thanks! :)
Eric
07-25-2006, 10:57 PM
Glad ya'll like it :)

Oh well I was looking for the exact default one that works on IE but whatever, this should do it.

Well, I was just playing around and came up with this. I might take some time later and see if I can get it closer to default.
Mr Chad
07-25-2006, 11:40 PM
very nice!
hotwheels
07-26-2006, 04:16 AM
very kewl..........Installed
rmxs
07-26-2006, 09:06 AM
Thanks...fantastc installed
hcmagix
07-26-2006, 12:02 PM
Thank you
realraptor
07-26-2006, 07:08 PM
*clicks install*

thank you, works great on 3.5.4!
Eric
07-30-2006, 10:01 AM
No problem guys. :) Glad you all enjoy it.

Just an FYI - I've done a little researching - I MAY have a new version soon, but no promises ;)
TheBlackPoet
08-06-2006, 02:28 AM
very nice BIG DAWG!!!
realraptor
08-11-2006, 01:20 PM
thank you, installed on 3.6.0!
chkdgate
08-11-2006, 04:25 PM
Cool. Installed.
rossco_2005
08-13-2006, 09:50 PM
:w00t: Thanks!
needtheend
08-22-2006, 04:40 PM
its cool. installed.
maxicep
02-05-2007, 11:53 AM
i saw this release on vbulletin.com
Eric
02-05-2007, 05:27 PM
i saw this release on vbulletin.com

and..?

You mean: http://www.vbulletin.com/forum/showthread.php?t=196313&highlight=logout ?

Check the dates ;)

Released: 25. Jul 2006

Aug 15th 2006, 8:50pm
Sooner95
02-07-2007, 01:43 AM
works like a charm..thx!
vppremier
02-15-2007, 10:52 AM
works perfectly, thanks!
Eric
06-11-2007, 08:58 AM
Updated :) Glad ya'll like it.
ChopBam
06-11-2007, 10:18 PM
Nice, was waiting for the move to 3.6.7.
rjmjr69
06-15-2007, 08:17 AM
So whats adjusting the 30 and the 3 do?
Eric
06-20-2007, 11:00 PM
So whats adjusting the 30 and the 3 do?
The percent of opacity. Play with it, and you'll see ;)
Wheezy
08-31-2007, 12:29 AM
This is great! Thanks :D
RichieBoy67
10-11-2007, 11:52 PM
Nice and easy install without a hitch. Great idea!

Thanks
Eric
11-16-2009, 08:11 AM
<a href="https://vborg.vbsupport.ru/showthread.php?t=228086" target="_blank">https://vborg.vbsupport.ru/showthread.php?t=228086</a>

For vB 4.0