April Fools Forum Flip Code

[TIKOLICIOUS]

I know that I am not losing it because I remember seeing this code somewhere on this forum.

Its a code that flips your forum upside down and I want to use it tomorrow for april fools day on one of the popular boards on my forum. If anyone could point me in the direction of where I could find the code or whether its no longer being hosted...

Im searching for it and can't find it. So if anyone can help me, I'd really appreciate it!

[Ross]

I think I remember the one you mean. Something like this, in the Header:

<style type="text/css">
<!--
table.bordercolor {
Filter: FlipV;
}
-->
</style>

[XjakeX]

thats awesome!!!

[Ross]

wwedgehead05 said:

thats awesome!!!

How does that help anyone?

And yes, it is. Bit of pain to read though

[TIKOLICIOUS]

Thanks Ross!!! So what happened to it? Was it removed... I couldn't find it

[pf]

Is there a way to make that code apply to specified users?

Thanks.

[pf]

Would this work?
Sorry I don't really know javascript so if it is totally messed up, just please fix it.

<script type="text/Javascript">
var Users = ['username1','username2','username3'];

if( this.location.href.match(/display/i) )
{
  var TD = document.body.getElementsByTagName('td');
  for( var z = 0 ; z < Users.length ; z ++ )
  {
     if( Users[z] == pb_username )
     {
document.write('<link rel="stylesheet" href="http://www.freewebs.com/mblast202/fflip.css" type="text/css">');
}
</script>


[pf]

Bump.

[pf]

Oh and I just tried it and it doesn't work for me, just the code Ross posted..

[nally]

This is cool but is there any way to put like a time limit on the code so that it turns back after say 10 seconds?

[Ross]

pf said:

Bump.

Please have a read of the stickies. We ask you don't bump threads for 24 hours. And instead of asking "Would this work", why not just try it? Anyway, not bad considering you don't know JS. But every { you open you must have a corresponding closing }

<script type="text/Javascript">
var Users = ['username1','username2','username3'];

if( this.location.href.match(/display/i) )
{
for( var z = 0 ; z < Users.length ; z ++ )
{
if( Users[z] == pb_username )
{
document.write('<link rel="stylesheet" href="http://www.freewebs.com/mblast202/fflip.css" type="text/css">');
break;
}
}
}
</script>



Nally, try this:

<div id="css_Holder"><style type="text/css">
<!--
table.bordercolor {
Filter: FlipV;
}
-->
</style>
</div>
<script type="text/Javascript">
<!--

var time = 3000;
function revert() {
document.getElementById('css_Holder').innerHTML = '';
}
setTimeout('revert()', time);

//-->
</script>

[pf]

Oh and Ross, this code only seems to work for IE users. Is there a way to make it cross-browser?

[Ross]

pf said:

Oh and Ross, this code only seems to work for IE users. Is there a way to make it cross-browser?

As far as I'm aware IE is the only browser that supports the flip filter and thus there's no way to make it cross browser that I know of.

[teabags]

Apr 11, 2007 5:12:58 GMT -8 Ross said:

pf said:

Bump.

Please have a read of the stickies. We ask you don't bump threads for 24 hours. And instead of asking "Would this work", why not just try it? Anyway, not bad considering you don't know JS. But every { you open you must have a corresponding closing }

<script type="text/Javascript">
var Users = ['username1','username2','username3'];

if( this.location.href.match(/display/i) )
{
for( var z = 0 ; z < Users.length ; z ++ )
{
if( Users[z] == pb_username )
{
document.write('<link rel="stylesheet" href="http://www.freewebs.com/mblast202/fflip.css" type="text/css">');
break;
}
}
}
</script>



Nally, try this:

<div id="css_Holder"><style type="text/css">
<!--
table.bordercolor {
Filter: FlipV;
}
-->
</style>
</div>
<script type="text/Javascript">
<!--

var time = 3000;
function revert() {
document.getElementById('css_Holder').innerHTML = '';
}
setTimeout('revert()', time);

//-->
</script>

I would like to use this flip code tomorrow whereabouts do you have to put it, I know very little about coding so any directions would be appreciated

Thanks very much

[Alisha]

I put this in my global header, and it works. It's set to revert after 30 seconds and works for Google Chrome.

<div id="css_Holder"><style type="text/css">
body
{
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
</style>
</div>
<script type="text/Javascript">
<!--

var time = 30000;
function revert() {
document.getElementById('css_Holder').innerHTML = '';
}
setTimeout('revert()', time);

//-->
</script>