Page 1 of 21

BBCode List

Posted: Wed Jun 28, 2006 7:50 am
by patrikstar
Nice Big List of Extra BBCode to use

I have a small test forum here with all this BBCode added except the IE only ones.
Click here to see some of them in action.
Unless specified these are XHTML Compliant.
Newly added code will have a green title.
Recently updated code will have a blue title.

There is currently 22 BBCode additions here.

AdminCP>Posting>BBCodes

Input into correct text areas.

Use following for horizontal lines:
BB Usage:

Code: Select all

[hr]
HTML Replace:

Code: Select all

<hr />

Use following for center alignment:
BB Usage:

Code: Select all

[center]{TEXT}[/center]
HTML Replace:

Code: Select all

<div align="center">{TEXT}</div>

Use following for right alignment:
BB Usage:

Code: Select all

[right]{TEXT}[/right]
HTML Replace:

Code: Select all

<div align="right">{TEXT}</div>

Use following for justify alignment:
BB Usage:

Code: Select all

[justify]{TEXT}[/justify]
HTML Replace:

Code: Select all

<div align="justify">{TEXT}</div>

Use following for text background color:
BB Usage:

Code: Select all

[bgcolor={COLOR}]{TEXT}[/bgcolor]
HTML Replace:

Code: Select all

<span style="background:{COLOR}">{TEXT}</span>

Use following for strike through text:
BB Usage:

Code: Select all

[s]{TEXT}[/s]
HTML Replace:

Code: Select all

<strike>{TEXT}</strike>

Use following for subscript text:
BB Usage:

Code: Select all

[sub]{TEXT}[/sub]
HTML Replace:

Code: Select all

<sub>{TEXT}</sub>

Use following for superscript text:
BB Usage:

Code: Select all

[sup]{TEXT}[/sup]
HTML Replace:

Code: Select all

<sup>{TEXT}</sup>

Use following for reverse text:
BB Usage:

Code: Select all

[reverse]{TEXT}[/reverse]
HTML Replace:

Code: Select all

<bdo dir="rtl">{TEXT}</bdo>

Use following to change the font of text:
contributed by cooleo100d
BB Usage:

Code: Select all

[font={TEXT1}]{TEXT2}[/font]
HTML Replace:

Code: Select all

<font face="{TEXT1}">{TEXT2}</font>

Use following for spoiler text:
BB Usage:

Code: Select all

[spoiler]{TEXT}[/spoiler]
HTML Replace:

Code: Select all

<h6><span onclick="if (this.innerHTML != 'show spoiler&raquo;') { this.innerHTML = 'show spoiler&raquo;' } else { this.innerHTML = '&laquo;hide spoiler<br />{TEXT}'}">show spoiler&raquo;</span></h6>

Use following for hidden spoiler text:
BB Usage:

Code: Select all

[hiddenspoiler={TEXT1}]{TEXT2}[/hiddenspoiler]
HTML Replace:

Code: Select all

<span onclick="if (this.innerHTML != '{TEXT1}') { this.innerHTML = '{TEXT1}' } else { this.innerHTML = '{TEXT2}'}">{TEXT1}</span>

Use following for bordered text:
BB Usage:

Code: Select all

[border]{TEXT}[/border]
HTML Replace:

Code: Select all

<fieldset>{TEXT}</fieldset>

Use following for text in an area with a title:
BB Usage:

Code: Select all

[area={TEXT1}]{TEXT2}[/area]
HTML Replace:

Code: Select all

<fieldset><legend>{TEXT1}</legend>{TEXT2}</fieldset>

Use following for hidden links:
BB Usage:

Code: Select all

[hiddenlink={TEXT1}]{TEXT2}[/hiddenlink]
HTML Replace:

Code: Select all

<span onclick="window.open('{TEXT1}')">{TEXT2}</span>

Use following for keeping notes about post only seen when editing:
BB Usage:

Code: Select all

[note]{TEXT}[/note]
HTML Replace:

Code: Select all

<!-- {TEXT} -->

Use following to google text:
BB Usage:

Code: Select all

[google]{TEXT}[/google]
HTML Replace:

Code: Select all

<a href="http://www.google.com/search?q={TEXT}" target="_blank">{TEXT}</a>

Use following to yahoo text:
BB Usage:

Code: Select all

[yahoo]{TEXT}[/yahoo]
HTML Replace:

Code: Select all

<a href="http://search.yahoo.com/search?p={TEXT}" target="_blank">{TEXT}</a>

Use following for offtopic text:
BB Usage:

Code: Select all

[offtopic]{TEXT}[/offtopic]
HTML Replace:

Code: Select all

<i><b><font color="#114499">Offtopic:</font></b> <font color="#2277DD">{TEXT}</font></i>



Internet Explorer ONLY BBCodes


Use following for glowing text:
BB Usage:

Code: Select all

[glow={COLOR}]{TEXT}[/glow]
HTML Replace:

Code: Select all

<table width="100%" style="filter:glow(color={COLOR}, strength=3)"><tr><td>{TEXT}</td></tr></table>

Use following for blur text:
BB Usage:

Code: Select all

[blur={NUMBER}]{TEXT}[/blur]
HTML Replace:

Code: Select all

<table width="100%" style="filter:blur(strength={NUMBER},add=0)"><tr><td>{TEXT}</td></tr></table>

Use following for wavy text:
BB Usage:

Code: Select all

[wave={NUMBER}]{TEXT}[/wave]
HTML Replace:

Code: Select all

<table width="100%" style="filter:wave(add=0,phase={NUMBER},freq={NUMBER},strength={NUMBER})"><tr><td>{TEXT}</td></tr></table>

Posted: Wed Jun 28, 2006 7:54 am
by cooleo100d
Dude these are cool but you should keep them to ONE thread.

Posted: Wed Jun 28, 2006 7:56 am
by Raul Duke
Cool, thanks for posting these.

I would be most impressed if you could re-create the hide bbcode.
This hack will give you BBCode hide function. This will allow you to hide the text so the user will have to post in a thread in order to see the message.


;)

Posted: Wed Jun 28, 2006 7:57 am
by patrikstar
Raul Duke wrote: Cool, thanks for posting these.

I would be most impressed if you could re-create the hide bbcode.
This hack will give you BBCode hide function. This will allow you to hide the text so the user will have to post in a thread in order to see the message.


;)


the hide requires actual coding and searching the mysql database i am keeping these to just addable via admincp

Posted: Wed Jun 28, 2006 7:58 am
by Raul Duke
Yea, thought it was a bit more complex. Hopefully someone will create that code for Gold.

Posted: Wed Jun 28, 2006 8:01 am
by cooleo100d
Use following to change the font of text:
BB Usage:

Code: Select all

[font={TEXT1}]{TEXT2}[/font]
HTML Replace:

Code: Select all

<font face="{TEXT1}">{TEXT2}</font>

Posted: Wed Jun 28, 2006 8:13 am
by Headgalah
cooleo100d wrote: Use following to change the font of text:
BB Usage:

Code: Select all

[font={TEXT1}]{TEXT2}[/font]
HTML Replace:

Code: Select all

<font face="{TEXT1}">{TEXT2}</font>


Use it where ???

Posted: Wed Jun 28, 2006 8:15 am
by cooleo100d
Headgalah wrote: Use it where ???

When you're posting...

Someone asked for an example of how you would make a font tag.

Posted: Wed Jun 28, 2006 8:40 am
by SpongeWeb
Got it now! cheers

Posted: Wed Jun 28, 2006 9:27 am
by Headgalah
thanks for that great work.

I have added them to the ACP BBcode but still have a question (or two) :lol:

Firstly, Settings > Display on posting ??? What does this mean ??? Dislpay what ???

Secondly tokens ... i dont understand what they are on about with these.

Are they defaults that cant be changed or what ???

Posted: Wed Jun 28, 2006 9:29 am
by SpongeWeb
I think Display on postings, shows your new BB code button...

Posted: Wed Jun 28, 2006 10:28 am
by Headgalah
Your right it does appear to be the case.

I added all the codes shown above but only three of them are showing?

It does not say anything about a limit to the number you can add (in one go) but it does appear to only be three at a time.

Posted: Wed Jun 28, 2006 10:32 am
by Headgalah
Correction:

You can only add one at a time.

Posted: Wed Jun 28, 2006 10:51 am
by Headgalah
Now that I have added the above and done a test ... where have I gone wrong ???

test page; http://www.angelldev.com/olympusbeta/vi ... ?f=18&t=38

Posted: Wed Jun 28, 2006 12:47 pm
by cheater512
Looks like you didnt do it at all. :?

Delete them all and start from scratch. 9 times out of 10 you will figure out what went wrong by doing that.