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]=-

[Thelonius Beck]

Is that with the updated code, or the original? Unfortunately I do not have a 4.x.x installation to test it on.

[sulasno]

updated code

edit

tested with flipping a whole sentence and it aligns to the right of the screen

[Thelonius Beck]

OK, can you link me to an example post?

[sulasno]

link will be removed after testing

link removed

[Thelonius Beck]

Is the code currently installed on your forum? I have no hope of finding the error if it's not installed.

***Sorry, looking at the wrong skin.

[Thelonius Beck]

OK sulasno, you're code is identical to what I am running on my board, at least on your last 5 selectable styles. Nothing on the first 2.

I have to point out, that the alignment in that post appears correct. Are you, per chance, using an older browser?

[sulasno]

sorry I forgot to inform you that I did not add the Additional CSS Definitions to the default style

I suppose I was thinking that the alignment of the BBcode should be right instead of left (correct side up)

[Thelonius Beck]

I must apologize here. Maybe I'm just tired, but I'm at a loss as to what you're looking for. Are you looking for a backwards flip, where the text remains upright, but is "mirrored" horizontally?

*******************************

Note: I'll see about adding some screencaps to the first post, as per your suggestion, tomorrow.

[sulasno]

no; your mod is working prefectly;

I thought the flipped words would be right aligned;

I expected this;

Normal sentence
Flipped sentence
Normal sentence

What I see on my screen is;

Normal sentence

Flipped sentence

Normal sentence

[Thelonius Beck]

Really? You should not see that. I do not see that on your site. It appears that your browser is not supporting the "display: inline-block". What browser are you using?