Welcome to WebmasterWorld Guest from 54.221.87.97

Forum Moderators: open

Message Too Old, No Replies

Turning pages upside down with JS

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

     

Blitz

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

10+ Year Member



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?

tigger

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

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



Hi Blitz

Welcome to WebmasterWorld

Sorry you've lost me :(

Blitz

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

10+ Year Member



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.

atadams

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

10+ Year Member



Stand on your head?

Blitz

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

10+ Year Member



I dont know how, a my brother said was he knows someone that can make googe upside down.

digitalghost

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

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



Or you can run a script that turns your browser window upside down. It is not Google specific... :)

Blitz

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

10+ Year Member



Ok, ideavirus
I can see it mirrored, but I want to know how to make it Upside down.
Know how to do that?

jomaxx

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

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



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.

aspdaddy

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

WebmasterWorld Senior Member 10+ Year Member



Maybe its one of the joke versions they do? like
Ewmew Fudd Google [google.com]
:)

Blitz

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

10+ Year Member



I cant find anything to make it upside-down

awoyo

6:55 pm on Feb 8, 2003 (gmt 0)

10+ Year Member



Well, since the page is called index.cgi, I would guess it's basically just a string swapping function.

Key_Master

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

WebmasterWorld Senior Member 10+ Year Member



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

aspdaddy

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

WebmasterWorld Senior Member 10+ Year Member



that is cool :)

nancyb

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

WebmasterWorld Senior Member 10+ Year Member



Oh, wow, just another reason I love this forum. ;)

Stefan

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

WebmasterWorld Senior Member 10+ Year Member



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>

Key_Master

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

WebmasterWorld Senior Member 10+ Year Member



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

 

Featured Threads

Hot Threads This Week

Hot Threads This Month