The Arcive of vBulletin Modifications Site.

Upside Down Text BBCode · **Released**: 09-19-2010

~This should work for any version.~

A member on my site requested this, and after failing to find one here, I went ahead and slapped it together.

Description: BB Code that inverts text, smileys, images..whatever. Tested in Firefox, Opera, Safari, Chrome, and IE.

flip.jpg

Upload included button image to "images/editor" folder (Change if using alternative images folder)Attachment 122199

In "All Style Options > Additional CSS Definitions" add;

Code:

/* ***** Flip Code ***** */
.flip {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    display: inline-block;
}

Add New BB Code;
Title:

Code:

Flipped Text

BB Code Tag Name:

Code:

flip

Replacement:

Code:

<div class="flip">{param}</div>

Description:

Code:

Invert Text Vertically

Use {option}:

Code:

No

Button Image (Optional)

Code:

images/editor/flip.gif

Remove Tag If Empty:

Code:

Yes

Disable BB Code Within This BB Code:

Code:

No

Disable Smilies Within This BB Code:

Code:

No

Disable Word Wrapping Within This BB Code:

Code:

No

-=[ UPDATE: I HAVE ADDED A SCREENCAP, BUTTON IMAGE, AND A DOWNLOADABLE COPY OF THESE INSTRUCTIONS & IMAGES]=-

sulasno · #2 09-19-2010, 11:23 PM

tagged and thanks

is there a live demo ?

Thelonius Beck · #3 09-20-2010, 12:20 AM

Sure. Here is the thread I made to intro the code on my site.

http://www.crowsnestforums.com/showthread.php?t=2284

WARNING: Crude language.

sulasno · #4 09-20-2010, 12:39 AM

thanks

I am going to install without telling the rest of the members and use it to irritate some <beg>

edit

installed and working in 4.0.7

including an example and adding an image would make the code complete

Thelonius Beck · #5 09-20-2010, 12:48 AM

Nice. You've gotta love the fact that nobody reads the FAQ sometimes, ehh?

PattiOz · #6 09-20-2010, 04:25 AM

Cool

installed

Thelonius Beck · #7 09-20-2010, 07:16 PM

Thanks, glad you like it.

Y'all should click install, y'know, to prop up my fragile ego.

thincom2000 · #8 09-20-2010, 08:15 PM

You know, if it was a div with display: inline-block, it would work in the middle of a sentence. Just tested here with some CSS fiddling.

Thelonius Beck · #9 09-20-2010, 11:01 PM

Quote:

Originally Posted by thincom2000

You know, if it was a div with display: inline-block, it would work in the middle of a sentence. Just tested here with some CSS fiddling.

D'OH!

Oh dude, THANK YOU for the Head-slap moment!

sulasno · #10 09-20-2010, 11:30 PM

Code:

I shall leave being [flip]flipped[/flip] to your imaginations

I tried the above in my forum and "flipped" is on the second line and goes to the end of the textarea in 4.0.7