StarDestroyer.Net BBS

To get started, simply go to your ACP (Administration Control Panel) then click on the Posting tab. Next, click on BBCodes on the left. Since you haven't added any custom ones yet, click on the Add a new BBCode button. You will now see 3 text input areas and a checkbox. The BBCode usage box is where you enter the BBCode -- i.e. similar to what users will enter. The HTML replacement text box is where you enter the HTML replacement code. The Help line text box is where you can enter a tip on how to use your new BBCode. Tips are generally displayed when the user rolls his or her mouse over the BBCode button on the posting screen. Finally the Display on posting page option allows you to show or hide the button on the posting screen. Hiding the button does not disable the BBCode -- users can still manually enter the BBCode.


...


BBCode usage:
{TEXT}


HTML replacement:
<span style="text-decoration: line-through;">{TEXT}</span>


Example usage:
strikethrough text

Edi wrote:Strikethrough, subscript and superscript would be good additions. Don't know if we need anything else nearly as urgently.

Rogue 9 wrote:Strikethrough:
bbCode: {TEXT}
HTML: <del>{TEXT}</del>

Spoiler block:
bbCode: Spoiler

{TEXT}

HTML: <span class="spoiler"><span class="spoiler-box" onclick="spoilerToggle(this);"><span class="spoiler-content" style="visibility:hidden;">{TEXT}</span></span></span>

Titled spoiler block:
bbCode: Spoiler

{TEXT2}

HTML: <div class="spoiler"><div class="spoiler-title">{L_PRIME_BBCODE_SPOILER}: <a href="#toggle_spoiler" class="spoiler-link" onclick="return(spoilerToggle(this));">{L_PRIME_BBCODE_SPOILER_SHOW}</a> {TEXT1}</div><div class="spoiler-box" onclick="spoilerToggle(this);"><div class="spoiler-content" style="visibility:hidden;">{TEXT2}</div></div></div>

Subscript:
bbCode: {TEXT}
HTML: _{TEXT}

Superscript:
bbCode: [sup]{TEXT}[/sup]
HTML: ^{TEXT}

HTML tables are complex, and require multiple tags to work properly. Hence, bbCode tables are similar. The vBulletin board software has a much easier table code, but I haven't yet been able to replicate it, and can't dismantle it to find out how they do it since vBulletin is pay-only and proprietary. At any rate, here are the table codes.

Table tag:
bbCode: [table]{TEXT}[/table]
HTML: <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse">{TEXT}</table>

Table header, used in the top table row to make headers for the columns:
bbCode: [th]{TEXT}[/th]
HTML: <th>{TEXT}</th>

Table row, used to define the beginning and end of a row in a table. Simply using the Return key in the code will not suffice to create a new row; it will simply put a second row of text in the same cell.
bbCode: [tr]{TEXT}[/tr]
HTML: <tr> {TEXT}</tr>

Table cell, used to define cells in the table:
bbCode: [td]{TEXT}[/td]
HTML: <td width="50" valign="top" style="width: 37.5pt; padding-left: 5.4pt; padding-right: 5.4pt; padding-top: 0in; padding-bottom: 0in">
{TEXT}</td>

Table cells of a different background color, in case you want to make rows or columns different colors to help with following them:
bbCode: [td2]{TEXT}[/td2]
HTML: <td width="50" valign="top" style="width: 37.5pt; padding-left: 5.4pt; padding-right: 5.4pt; padding-top: 0in; padding-bottom: 0in; background: #99CCFF">{TEXT}</td>

If you want a different color for the color ones, simply replace the color code (the #99CCFF line in the HTML) with the appropriate color code. If you want to find a color code, simply use the Font Color function on this board, since it uses the color codes instead of text descriptors to denote them. Click the color you want on the palette to the right of the post form and copy that color code into the HTML. If you want more than two colors, of course, you can simply create td3, td4, and so on as additional tags.

When making a table, put all the text on one line. If you use line breaks at every row, the board won't know how to interpret it, since the [tr] tags also include line breaks themselves, and will deal with it by creating a large blank space above the table, with size corresponding to the number of line breaks in the code.

Since making a table this way is a pain in the ass, allow me to direct you to the simple spreadsheet converter. Simply do your table in a spreadsheet, copy it, and paste it into the converter, telling it to convert to HTML. Once that's done, put the result in a word processor, and do a find/replace to replace all < tags with [ and all > tags with ]. There's your bbCode table; post the result and you're done. Much easier than typing it all up.

And that's all the ones I've coded so far. If you want more, it'd be easier to look up an HTML tutorial than to ask me to program them, since I'd have to get a tutorial myself to do it.

Edi wrote:Strikethrough, subscript and superscript would be good additions.

Count Chocula wrote:

Edi wrote:Strikethrough, subscript and superscript would be good additions.

If those were added, I'd be hyped enough to click the PayPal icon and give Mike a little love! I'm tired of typing (TM).