Adding BB code tags (with strikethrough & spoiler sample)

[MooTwo]

Welcome to an introduction on how to add custom BB code tags! To start, log into the admin panel. The link should be at the top right!

Wau!


When you first log into your admin panel, there'll be lots of scary options on the left, but do not despair! Calm down, firmly grab the scroll bar (or use your wheel) and move the page down until you discover the box titled "Custom BB Codes". Hit the arrow next to it (1), and the box should expand, giving you two more options. Choose "Add New BB Code" (2)!


To the edit window!


1) Give your new tag a fitting name; think HARD what the tag does, and let the creativity flow through your fingers upon thy keyboard!

2) This is what goes inside the annoying brackets German users have to conjure up using the Alt Gr key. Very annoying! Keep it short, yet as intuitive as you can. [st] mayhaps?

3) Now this is the hardest part. {param} is the textblock you're encapsuling with the tags; Around that, you carefully construct the code that mangles the text in ways never witnessed by mortal men before- to keep things simple, we'll use a single tag here: strike. You're pretty much free to add whatever would work in a browser. Experiment! Research! There are many examples waiting to be found.

4) Write an example for your tag. Just don't use bad words!

5) Here you can add a lengthy description for your tag. Since nobody reads descriptions anymore nowadays, feel free to write your favorite crotch joke. Nobody will read that either though, so don't put too much enthusiasm into it.

6) {option}? Huh? Well, this allows posters to add text to the tag. Think of 'quote="'!

7) This is already explained in the screenshot, so w/e.

8) Now all that's left is saving your hard work. Don't accidentally hit the right button or it'll be all gone. Ohsnap!


You are DONE! Now test it on the page that'll automatically load, and despair when it doesn't work!
GOOD LUCK!

------------------------------------------------------------

SPOILER TAGS

This is only for text. It generates black text with a black background. To read, simply hover over it.

1) Go to Styles & Templates > Style Manager > All Style Options > Additional CSS definitions and paste this into the lower box:

.spoiler
{
background-color: #000000;
color: #000000;
display: inline;
}

.spoiler:hover {
background-color: #FFFFFF;
}

2) Now go to the window in the first example, and simply use <div class="spoiler"> {param} </div>. The rest should be self-explanatory by now.


Fineprint:
Use the information given above at your own risk. I assume no liability or responsibility for damage or injury to persons or property arising from any use of this guide and/or linked files in any way. This guide may be posted unmodified at other locations as long as proper credit and a backlink to the original site of the post (in this case mytrickster.net) is given.