FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Inverting / Backwards Web Page ???





izcool
Hey everyone,

I'm a bit bored atm, and I had a thought about something.

Is it possible in CSS to flip the text, images, and everything else on a webpage so that it is completely backwards ?

I know that it is possible to do a few things similar to this, but to flip everything so that it's backwards ?

Some things that I've run into so far :

Left-Hand Scroll Bar
Code:

<html>
<head>
<title>Left Scroll Bar !!</title>

<style type='text/css'>
<!--
body { direction: rtl; }
div  { direction: ltr; }
//-->
</style>

</head>
<body>

<div>

<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
Line 1
<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
Line 2
<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
Line 3
<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
Line 4
<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
Line 5
<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
Line 6
<br><br><br><br>
<br><br><br><br>
<br><br><br><br>

</div>

</body>
</html>


Inverting A Webpage's Colors
Code:

<html>
<head>
<title>Invert</title>

<style type='text/css'>
<!--
body {
filter: invert;
}
//-->
</style>

</head>
<body>

Text here...<br><br>

<font color='Red'>Supposed to be red text, but is it ??</font>

</body>
</html>


Flipping Text Order in PHP
Code:

<?php
$text = "Something"; // Comes out as the way it is before the next line
echo strrev($text); // Comes out as "gnihtemoS"
?>


This is sorta what I am looking for :



Well, with the exception of the startbar, toolbars, etc.

I'm bored and I'm interested in seeing if that's possible. Very Happy

BTW I found a Backwards version of Google...
http://www.alltooflat.com/geeky/elgoog/m/index.cgi

- Mike.
mathiaus
Is the msn one real? the start menu and everything else is backwards which cant be controlled by the web page so i think it's fake.

The google one has simply been done using the ways which you have already tried. The images are actualy already back to front!
http://www.alltooflat.com/geeky/elgoog/m/imgdb/intl%5Een%5Eimages%5Elogo.gif
no code or anythi9ng. just the way they are

Matt Very Happy
Daniel15
You'd need to parse the HTML and reverse all the text (but be careful of tags!)

Thus, you'd need to write your own HTML parsing engine (unless there is one already available...?)
izcool
mathiaus wrote:
Is the msn one real? the start menu and everything else is backwards which cant be controlled by the web page so i think it's fake.

The google one has simply been done using the ways which you have already tried. The images are actualy already back to front!
http://www.alltooflat.com/geeky/elgoog/m/imgdb/intl%5Een%5Eimages%5Elogo.gif
no code or anythi9ng. just the way they are

Matt Very Happy


The MSN one is not real, I screenshotted it and flipped it around to represent what I was asking in my original post. Smile

- Mike.
n0obie4life
I remember doing this on Neopets long time ago when they still allowed something.
Related topics
Reply to topic    Frihost Forum Index -> Scripting -> Php and MySQL

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.