21 replies to this topic

[KaizenNeko]

CSS3 Text Shadow Firefox - Chrome - Safari - Opera - Internet Explorer
Description: Add a small drop shadow to text.
Usage: [shadow=color]text[/shadow]
Example Usage: [shadow]Shadowed text![/shadow]
Example Output: Shadowed text!
Example Usage: [shadow=red]Shadowed text![/shadow]
Example Output: Shadowed text!
Can be used with or without a color option.

CSS3 Text Glow Firefox - Chrome - Safari - Opera - Internet Explorer
Description: Similar to Text Shadow but with no offset.
Usage: [glow=color]text[/glow]
Example Usage: [glow]Glowing text![/glow]
Example Output: Glowing text!
Example Usage: [glow=#f9c]Glowing text![/glow]
Example Output: Glowing text!
Can be used with or without a color option.

CSS3 Flip Vertical Firefox - Chrome - Safari - Opera - Internet Explorer
Description: Takes the text and flips it upside down.
Usage: [flipv]text[/flipv]
Example Usage: [flipv]Upside down![/flipv]
Example Output: Upside down!

CSS3 Flip Horizonatal Firefox - Chrome - Safari - Opera - Internet Explorer
Description: Takes the text and flips it backwards.
Usage: [fliph]text[/fliph]
Example Usage: [fliph]Backwards![/fliph]
Example Output: Backwards!

Superscript
Description: Small text above the baseline from the rest of the text.
Usage: [sup]text[/sup]
Example Usage: [sup]Super[/sup]script
Example Output: ^Superscript

Subscript
Description: Small text below the baseline from the rest of the text.
Usage: [sup]text[/sup]
Example Usage: [sub]Sub[/sub]script
Example Output: _Subscript

Background Color
Description: Allows you to change the background color of any text where BBCode can be applied.
Usage: [background=color]text[/background]
Example Usage: [background=yellow]Yellow background[/background]
Example Output: Yellow background
Aliases: [bgcolor][/bgcolor]

Horizontal Rule
Description: A simple horizontal line across the page.
Usage: [hr]
Example Usage: [hr]
Example Output:

---

Hide Spoiler
Description: Makes the text to be hidden black on black and will show in white when moused over. (Edit: changed to have red dotted border and replaced black with gray)
Usage: [spoiler]text[/spoiler]
Example Usage: [spoiler]Hide this[/spoiler]
Example Output:

Spoiler

Hide this

Strikethrough
Description: Old school typewriter way of indication text is removed without having to retype stuff.
Usage: [strike]text[/strike]
Example Usage: You [strike]can't[/strike] can see this.
Example Output: You can't can see this.
Aliases: [s][/s]

Out of Character (for Roleplay Forums)
Description: A quick BBCode notice that the person is not speaking in character in a roleplay.
Usage: [ooc]text[/ooc]
Example Usage: [ooc]I'm totally out of character.[/ooc]
Example Output:

Out Of Character

I'm totally out of character.

Longer Horizontal Rule
Description: A longer horizontal line across the page.
Usage: [line]
Example Usage: [line]
Example Output:

---

Badge
Description: Place a callout badge in your text.
Usage: [badge=color]text[/badge]
Example Usage: [badge=purple]Purple badge[/badge]
Example Output: Purple badge

[InsaneSpaceHunter]

"Spoiler," "Move," and "Align" are the only things that seem to do anything in my view... that is, the rest look just like normal text.

Dunno what's up, but that's just how it is. *shrugs*

Have a nice day!
The Insane Space Hunter

[KaizenNeko]

A lot of the others a MSIE specific and you use Mozilla.

[InsaneSpaceHunter]

Oh, yeah, the "Spoiler" one works, too.

Anyhoo, so glad you're catering to the needs of us open source/anti-Microsoft goofballs. Just like that iFrame you tried to use to display the current results of BOTP1 back on DamnGlitch's old board. Yeah, I still remember that.

Anyway, that's what I figured... not that I'm gonna care enough to use IE, anyway.

Have a nice day!
The Insane Space Hunter

[KaizenNeko]

Moved to the OP.

[Sasuke1986]

^Wo_oo^oo_oo^oo_oo^oo_oo^o!_!!

[Sword Bearer]

LOL!

I have now idea why, but that is really funny to me.

SB

[Badger]

That's just ^super. There's no _substitute for good BBCode tags.

[Sasuke1986]

^Ve_ri^ly_.

[KaizenNeko]

The following is a list of all the BBCodes I have added. It is subject to change, but I will post notifications of changes/additions in this thread and keep a master list here in the OP.

BGColor (Background Color) Allows you to change the background color of any text where BBCode can be applied.
usage: [bgcolor=yellow]Yellow background[/bgcolor]

HR (Horizontal Rule) A simple horizontal line across the page. **NO I will not be making one called [line] this time**
usage:

---

Spoiler (Hide Spoiler) Makes the text to be hidden black on black and will show in white when moused over. **Similar to Something Awful's spoilers**
usage:

Spoiler

Hide this

S (Strike Though) Old school typewriter way of indication text is removed without having to retype stuff.
usage: You can't can see this.

LINE (Longer Horizontal Rule) Uh, yeah LINE is back. Basically it's a longer and gray version of HR (used as the end of page break on the main site). I liked it so much I've added it here.
usage:

---

[KaizenNeko]

BBCode Examples!

BGColor: (#000ca0 background)
[bgcolor=#000ca0]TOMCAT (WHICH IS NOT A VALID COLOR NAME IN X/HTML OR CSS) BACKGROUND![/bgcolor]

HR:

---

Spoiler:
So by the end

Spoiler

everyone dies

! Isn't that great?!

S:
You can't can see this.

[Badger]

[bgcolor=limegreen]VV/ (( )) (( )) ¯][¯[/bgcolor]

---

Spoiler

][D VV/ ][][ ¯][¯

[KaizenNeko]

New code! The [font] tag!

Usage is [font=face]text[/font] where face is the name of a font like Courier New and text is the text to be refaced.

Example: This text uses Comic Sans MS styling.

Just a note. A font on your computer may not be on someone else's computer, so try and stick to core web fonts.

This one is now built-in.

[Sasuke1986]

Beep bop boop?

Schweeeeeeeeeet

[KaizenNeko]

KaizenNeko said:

Spoiler (Hide Spoiler) Makes the text to be hidden black on black and will show in white when moused over. **Similar to Something Awful's spoilers**
usage:

Spoiler

Hide this

Update to this.
Since the post backgrounds are now true black, I've changed the spoiler tag a bit to stand out. It now has a red dotted border and is a dark gray color.

Also edited the OP and merged the old 2007 thread with the current one.

That is all.

[KaizenNeko]

Added OOC code.

[KaizenNeko]

Check the OP again. I've added LINE to the list.

[KaizenNeko]

Check the OP for update.

This below is from the old thread kept for my reference.

NEW iB Codes!!

Introducing Shadow, Glow, Dropshadow, Align, Move, FlipV, FlipH, Spoiler, Blur, XRay, & Invert!

How to use these new IB codes:
[shadow=#ff9900]Text[/shadow]
[glow=#ff9900]Text[/glow]
[dropshadow=#ff9900]Text[/dropshadow] < Same as shadow
[align=center]Text[/align]
[marquee=right]Text[/marquee]
[flipv]Text[/flipv]
[fliph]Text[/fliph]
[spoiler]Text[/spoiler]
[blur]Text[/blur]
[xray]Test[/xray]
[invert]Text[/invert]

[KaizenNeko]

I'm slowly re-updating these back to before the new version of IP.Board reset them. Check the OP for update.

I've also added back in some old ones from the IkonBoard days, all spruced up with CSS3 goodness. Note that they will not work in all browsers, and the list of compatible browsers assumes the LATEST version of that browser. (Internet Explorer 9, Firefox 8, Opera 11, Safari 5, Chrome 15)

[KaizenNeko]

TestificateThis is a test badge.

Added IP.Board Badges as a BBCode.

Still to do: Put back the custom HR & LINE BBCodes.