BB Code Enhancements - Upside Down Text BBCode

~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;

/* ***** 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:

Flipped Text

BB Code Tag Name:

flip

Replacement:

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

Description:

Invert Text Vertically

Use {option}:

No

Button Image (Optional)

images/editor/flip.gif

Remove Tag If Empty:

Yes

Disable BB Code Within This BB Code:

No

Disable Smilies Within This BB Code:

No

Disable Word Wrapping Within This BB Code:

No

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

[sulasno]

tagged and thanks

is there a live demo ?

[Thelonius Beck]

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]

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]

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

[PattiOz]

Cool installed

[Thelonius Beck]

Thanks, glad you like it.

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

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

[Thelonius Beck]

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]

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