Welcome to WebmasterWorld Guest from 54.221.81.125

Forum Moderators: open

Message Too Old, No Replies

Turning pages upside down with JS

filter: flipv()" and "filter: fliph()

     
3:18 pm on Feb 8, 2003 (gmt 0)

New User

10+ Year Member

joined:Aug 10, 2004
posts:6
votes: 0


I dont know if this should be here, but my brother knows someone who can make Google up-side down, does anybody know how to do that?
3:21 pm on Feb 8, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member tigger is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:July 16, 2000
posts:3558
votes: 0


Hi Blitz

Welcome to WebmasterWorld

Sorry you've lost me :(

3:26 pm on Feb 8, 2003 (gmt 0)

New User

10+ Year Member

joined:Aug 10, 2004
posts:6
votes: 0


Ok, Ill try to explain better.

My brother knows someone who can make Google toally upside down, you know, to is on bottom, bottom is on top, everything is upside down.

3:27 pm on Feb 8, 2003 (gmt 0)

Full Member from US 

10+ Year Member

joined:July 29, 2002
posts:306
votes: 0


Stand on your head?
3:36 pm on Feb 8, 2003 (gmt 0)

New User

10+ Year Member

joined:Aug 10, 2004
posts:6
votes: 0


I dont know how, a my brother said was he knows someone that can make googe upside down.
3:47 pm on Feb 8, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member digitalghost is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 23, 2002
posts:3687
votes: 0


Or you can run a script that turns your browser window upside down. It is not Google specific... :)
3:53 pm on Feb 8, 2003 (gmt 0)

New User

10+ Year Member

joined:Aug 10, 2004
posts:6
votes: 0


Ok, ideavirus
I can see it mirrored, but I want to know how to make it Upside down.
Know how to do that?
4:20 pm on Feb 8, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member jomaxx is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 6, 2002
posts:4768
votes: 0


You can mirror/invert a page, or part of a page, using CSS. Look into "filter: flipv()" and "filter: fliph()". I believe this only works for MSIE.

For greater usability, I routinely flip my pages right to left for Israeli users, and top to bottom for Australians and Kiwis.

4:31 pm on Feb 8, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 13, 2002
posts:2162
votes: 0


Maybe its one of the joke versions they do? like
Ewmew Fudd Google [google.com]
:)
4:41 pm on Feb 8, 2003 (gmt 0)

New User

10+ Year Member

joined:Aug 10, 2004
posts:6
votes: 0


I cant find anything to make it upside-down
6:55 pm on Feb 8, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 4, 2001
posts:129
votes: 0


Well, since the page is called index.cgi, I would guess it's basically just a string swapping function.
7:15 pm on Feb 8, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 27, 2001
posts:1472
votes: 0


<script type="text/javascript">
document.write("<body style=\"filter: flipv;\">");
</script>

Add this to the top or bottom of the code in Google's homepage and it will flip the page upside down in MSIE. Example on request via stickymail.

7:33 pm on Feb 8, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 13, 2002
posts:2162
votes: 0


that is cool :)
9:55 pm on Feb 8, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 18, 2001
posts:889
votes: 0


Oh, wow, just another reason I love this forum. ;)
10:00 pm on Feb 8, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Nov 4, 2002
posts:1687
votes: 0


Very cool for sure, Key_Master.

I'm tempted to use that on one of my own pages just to confuse people; bury it deep somewhere and then flip it back and forth every few days. Copied and pasted, thanks.

<added> Just tried it... it's backwards too, even better...</added>
<added again>Just backwards if you turn your head upside down... very bizarre</added>

10:35 pm on Feb 8, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 27, 2001
posts:1472
votes: 0


<script type="text/javascript" language="JavaScript">
document.write("<style type=\"text/css\">");
document.write("body \{ filter: fliph flipv \}");
document.write("</style>");
</script>

Here's a better way to do it using CSS and thanks to jomaxx for the "filter: flipv()" tip.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members