Custom BBCodes for the new forum
Posted: Mon Apr 27, 2009 7:12 pmThe new forum has a function for creating custom BBCodes in addition to the usual ones we should all know already. I'll post newly tested/functional ones in here for reference.
Strikethrough:blahblahblah
Tables: To make tables you need to use three BBCodes. They correspond to the HTML <table>, <tr>, and <td> tags. At the moment, our Table code sets the table to 85% width with a border thickness of 1.
NOTE! BBCode doesn't like extra new lines in its coding. Putting tr and td tags on new lines will add extra empty lines above the table! I recommend when coding a table to do so in Notepad first to make sure you have everything in order, and then put it all onto one line to copy/paste into the forum reply box!
Alignment: Align text to the left, right, or center.
Quick n' easy Getting Help page link:
Indented/Blockquote (without the quote code box):
This paragraph has no formatting and should display at the normal width, running across the entire page in a long run-on sentence that takes up a line or so to show how wide a line usually is.
Oh look! Break lines!
Due to the nature of the custom BBCode menu, I can't make codes that don't have a closing tag. Meaning to achieve the <hr> HTML effect, the BBCode has a closing tag and any text between the [ hr] and [/hr] will not appear.
Ask, and ye shall receive!
And with help from Spartzerina, spoiler buttons with customizable text!
Superscript and Subscript:
Superscript makes text go up.
Subscript makes text go down.
Float an image/wrap text around an image (thanks to North Mack for the help and Glen-Rhodes for the sig-proof adjustment!)
=
(results under spoiler because it is a WALL OF TEXT)
Preformat text, a close cousin of the code tag!
=
Tab/indent a single line of text (Thanks to Shazbotdom!):
=
This line should be indented 30 pixels on the left side. But ONLY the left side. Because it's the tab code and not the freaking blockquote tag that I was awesome enough to whack together and this line is probably long enough now!
And in comparison, this line should be all the way on the left where it belongs!
Background highlighter!:
Look at the girlie pink highlight!
Look at the boyish blue highlight!
Quicklink to specific posts:
This links to Kryo's Moderation for Newbies FAQ.
Keep in mind that some of these should be USED SPARINGLY so as not to run afoul of the Garish Posts rule!
EDIT: Oh yeah, feel free to use this thread to play around with them if you want. Especially the table codes, since not everybody already knows how to do tables in HTML.
Strikethrough:
- Code: Select all
[strike]blahblahblah[/strike]
Tables: To make tables you need to use three BBCodes. They correspond to the HTML <table>, <tr>, and <td> tags. At the moment, our Table code sets the table to 85% width with a border thickness of 1.
NOTE! BBCode doesn't like extra new lines in its coding. Putting tr and td tags on new lines will add extra empty lines above the table! I recommend when coding a table to do so in Notepad first to make sure you have everything in order, and then put it all onto one line to copy/paste into the forum reply box!
- Code: Select all
[table][tr][td]This[/td][td]is[/td][/tr][tr][td]a[/td][td]TABLE![/td][/tr][/table]
| This | is |
| a | TABLE! |
Alignment: Align text to the left, right, or center.
- Code: Select all
[align=right]This is aligned to the right.[/align]
[align=center]This is aligned to the center.[/align]
This is aligned to the right.
This is aligned to the center.
Quick n' easy Getting Help page link:
- Code: Select all
[help]This text[/help] will open the Getting Help page in a new window.
Indented/Blockquote (without the quote code box):
- Code: Select all
This paragraph has no formatting and should display at the normal width, running across the entire page in a long run-on sentence that takes up a line or so to show how wide a line usually is.
[Blocktext]This paragraph is indented with the Blocktext code and is indented on both sides so that it's 75 pixels narrower on both the right and the left sides of the screen; and 20 pixels spacing at the top and bottom. Like margins, really.[/Blocktext]
This paragraph has no formatting and should display at the normal width, running across the entire page in a long run-on sentence that takes up a line or so to show how wide a line usually is.
This paragraph is indented with the Blocktext code and is indented on both sides so that it's 75 pixels narrower on both the right and the left sides of the screen; and 20 pixels spacing at the top and bottom. Like margins, really.
Oh look! Break lines!
- Code: Select all
[hr][/hr]
Due to the nature of the custom BBCode menu, I can't make codes that don't have a closing tag. Meaning to achieve the <hr> HTML effect, the BBCode has a closing tag and any text between the [ hr] and [/hr] will not appear.
Ask, and ye shall receive!
- Code: Select all
[spoiler]I'm in ur forum, hiding ur words![/spoiler]
And with help from Spartzerina, spoiler buttons with customizable text!
- Code: Select all
[spoiler=Hiding]Not much of anything, apparently.[/spoiler]
Superscript and Subscript:
- Code: Select all
Superscript [sup]makes text[/sup] go up.
Subscript [sub]makes text[/sub] go down.
Superscript makes text go up.
Subscript makes text go down.
Float an image/wrap text around an image (thanks to North Mack for the help and Glen-Rhodes for the sig-proof adjustment!)
- Code: Select all
[floatright][img]http://rpstudios.ian-justman.com/junk/CGgoods/RepProdtheModsig2.JPG[/img][/floatright] <snipped wall of text> [floatleft][img]http://rpstudios.ian-justman.com/junk/CGgoods/Modsig2.JPG[/img][/floatleft] <snipped wall of text>
=
(results under spoiler because it is a WALL OF TEXT)
Preformat text, a close cousin of the code tag!
- Code: Select all
[pre]... Look at all those spaces!
Whee! I can make the text look like it does in the text entry field where I type posts!
With lots of weird spacing and [b]the other BBCodes[/b] [sub]totally[/sub] work inside it!
Moooooore spaaaaaaacing! Oh hey, this line should probably be long enough to have a horizontal scrollbar, too! SCROLL, MWAHAHAHA- I mean...
Anyway, that's the demo.[/pre]
=
... Look at all those spaces!
Whee! I can make the text look like it does in the text entry field where I type posts!
With lots of weird spacing and the other BBCodes totally work inside it!
Moooooore spaaaaaaacing! Oh hey, this line should probably be long enough to have a horizontal scrollbar, too! SCROLL, MWAHAHAHA- I mean...
Anyway, that's the demo.
Tab/indent a single line of text (Thanks to Shazbotdom!):
- Code: Select all
[tab=30]This line should be indented 30 pixels on the left side. But ONLY the left side. Because it's the tab code and not the freaking blockquote tag that I was awesome enough to whack together and this line is probably long enough now![/tab]
And in comparison, this line should be all the way on the left where it belongs!
=
This line should be indented 30 pixels on the left side. But ONLY the left side. Because it's the tab code and not the freaking blockquote tag that I was awesome enough to whack together and this line is probably long enough now!
And in comparison, this line should be all the way on the left where it belongs!
Background highlighter!:
- Code: Select all
[background=pink]Look at the girlie pink highlight![/background]
[background=#0066FF]Look at the boyish blue highlight![/background]
Look at the girlie pink highlight!
Look at the boyish blue highlight!
Quicklink to specific posts:
- Code: Select all
[post=976627]This links to Kryo's Moderation for Newbies FAQ.[/post]
This links to Kryo's Moderation for Newbies FAQ.
Keep in mind that some of these should be USED SPARINGLY so as not to run afoul of the Garish Posts rule!
EDIT: Oh yeah, feel free to use this thread to play around with them if you want. Especially the table codes, since not everybody already knows how to do tables in HTML.
