runouw.com

Posted: **May 27th, 2010, 2:39 am**

LIST OF BBCODES

Basic Text Format	Makes the text bold, italic, underlined or strikethrough.	Code: Select all `[b]Bold[/b] [i]Italic[/i] [u]Underlined[/u] [s]Strikethrough[/s]`	Bold Italic Underlined ~~Strikethrough~~
Quote	Displays text in a quote box.	Code: Select all `[quote="That user"]Runouw is awesome[/quote]`	That user wrote:Runouw is awesome
Code	Displays unformatted text in a code box. Use for levelcodes.	Code: Select all `[code][b]I'm not fat[/b][/code]`	Code: Select all `[b]I'm not fat[/b]`
List and [*]	Creates a List. There are four different versions (6 with variants): Number "list=1", Letter "list=A", Roman Numeral "list=I", and Plain Bullet "list". Both Letters and Roman Numerals have uppercase and lowercase modes ("=I" -> I, II, III, IV, V, VI or "=i" -> i, ii, iii, iv, v, vi)	Code: Select all `TODO: [list=a][]Rescue the princess []Eat the cake []Prepare Birthday Party for Luigi[/list] [list][]Rescue the princess []Eat the cake []Prepare Birthday Party for Luigi[/list]`	TODO: Rescue the princess Eat the cake Prepare Birthday Party for Luigi Rescue the princess Eat the cake Prepare Birthday Party for Luigi
Image, StretchImage	Display an image. StretchImage can be used to shrink or grow a picture.	Code: Select all `[img]http://runouw.com/forums/images/smilies/icon_e_awesome.png[/img][simg=150,150]http://runouw.com/forums/images/smilies/icon_e_awesome.png[/simg]`
URL (Link)	Create a link.	Code: Select all `[url]http://google.com[/url] - [url=http://google.com]Go to Google[/url]`	http://google.com - Go to Google
Flash	Embeds a .swf. Abuse results in instant ban.	Code: Select all `[flash=70,70]http://www.instantrimshot.com/rimshot.swf[/flash]`
Size	Resizes the text. The number is the new size in percent.	Code: Select all `[size=150]Big.[/size] [size=200]Bigger.[/size]`	Big. Bigger.
Color	Colorizes the text. Can be Hex or named color.	Code: Select all `[color=#00BF00]YOSHI[/color] has a [color=red]red[/color] saddle.`	YOSHI has a red saddle.
Ascii	Formats the text properly so you can post ASCII Art (multiple spaces won't get removed).	Code: Select all `[ascii]--,--'-<@ <===\|xxo[/ascii]`	--,--'-<@ <===\|xxo
Text Align	Align text to the right or to the center. Protip: Use the right tag inline to get two rows of text in one row.	Code: Select all `I'm left[right]I'm right[/right] [center]I'm in the middle[/center]`	I'm left I'm right I'm in the middle
Line	Create a horizontal line.	Code: Select all `[hr][/hr]`
Inline Spoiler	Creates a spoiler inline. Mouse over to display it.	Code: Select all `[is]Bowser is the final boss in SM64![/is]`	Bowser is the final boss in SM64!
Spoiler	Creates a spoiler box with a button to collapse the box. Useful for large quotes and other things that would benefit from being able to collapse. Good for talking about secrets, game endings, and other spoilers.	Code: Select all `[spoiler]blah[/spoiler] [spoiler=Look I have a Label]weeeee[/spoiler]`	Spoiler: show blah Look I have a Label: show weeeee
Sub- and Superscript	Changes the height of the text.	Code: Select all `CO[sub]3[/sub][sup]2+[/sup]`	CO₃²⁺
Link to User Profile	Enter the User ID and create a link.	Code: Select all `[user=2]Who may that be?[/user]`	Who may that be?
YouTube	Enter a YouTube URL to embed the video. Please use only if really necessary since it lags on older computers if there are many videos. Also has a variant to specify size (useful if all you are interested in is the music - see second example - default size is 560x315).	Code: Select all `[youtube]http://www.youtube.com/watch?v=plvRfyp77R8[/youtube] [youtube=600,30]http://www.youtube.com/watch?v=ZfY3bn9ey-A[/youtube]`	-no preview since this is too big for the table-
Font	Change the font. Remember: The others will see the font with the same name on their computer, which could look different.	Code: Select all `[font=Impact]ioashfioashfas[/font]`	ioashfioashfas
Info and Warn	Display Text in an cool box.	Code: Select all `[info]INFO[/info][warn]WARNING[/warn]`	Info example in post below Warn example in post below
Table	Hard to use, but definely worth it. Creates a table for lists, layouts and other stuff.	Lrmaster created a great tutorial, look in the post below.	. .
Fulltable	Even harder to use, but even more control. Creates a table for lists, layouts and other stuff.	Full info below.	. .
Anchor	Use with [anchorlink=] to jump around on a page.	Code: Select all `[anchor=anchorbbcode][/anchor]`
Anchor Link	Use with [anchor=] to jump around on a page.	Code: Select all `[anchorlink=top]Back to the top[/anchorlink]`	Back to the top
Random Image	Display a random image, changes every refresh. Only works with pictures uploaded on the forums. Use the last few numbers on the URL of the image, like this: http://www.runouw.com/forums/download/file.php?id=1287 - the red numbers are needed. Write them up, divided by commas.	Code: Select all `[randimg]2025,2175,2255[/randimg]`
Random Smilie	Display a random smilie, changes every use and every refresh. Actual Smilies only, not the symbols.	Code: Select all `[randsmilie][/randsmilie]`	Note: No repeat/collision issues - use as many on a page as you like.
approved	Creates a stamp of approval with whatever username you like	Code: Select all `[approved]Username[/approved]`	Example in post below
rp	Formats your text like it is an action in a Role Play.	Code: Select all `[rp]Doram sneaks this in.[/rp]`	Doram sneaks this in.
ooc	Formats your text like it is an Out of Character comment in a Role Play.	Code: Select all `[ooc]No idea why we didn't have this before...[/ooc]`	OOC: No idea why we didn't have this before...
Popup Window (New Portal)	Loads your portal level in SM63-LDOnly in a new window. Place your Level ID in the tag. (apparently, this works again...)	Code: Select all `[popup=32906]The Mushroom Forest[/popup]`	The Mushroom Forest
sm63oldportal	Makes a link pointing to a SM63 Level in the old portal (in a new tab/window).	Code: Select all `[sm63oldportal=13456]The Mushroom Forest - Old Portal Thread[/sm63oldportal]`	The Mushroom Forest - Old Portal Thread
sm63portal	Makes a link pointing to a SM63 Level Portal thread (in a new tab/window).	Code: Select all `[sm63portal=32906]The Mushroom Forest - Portal Thread[/sm63portal]`	The Mushroom Forest - Portal Thread
sm63newtab	Makes a link to open the level in the LDOnly version, in a new tab/window (only works for levels in the new portal for now).	Code: Select all `[sm63newtab=32906]Play The Mushroom Forest Now[/sm63newtab]`	Play The Mushroom Forest Now
threadlink	Makes a link to a specific thread. (Requires you to get the ThreadID of the post. See Below)	Code: Select all `[threadlink=3594]My thread[/threadlink]`	My thread
postlink	Makes a link to a specific post. (Requires you to get the PostID of the post. See Below)	Code: Select all `[postlink=32391]Post in my thread[/postlink]`	Post in my thread
absimg	Absolutely positions an image. Works real nice in groups. See Below for details	Code: Select all `[absimg top=10 left=10]http://i.imgur.com/WSjNauZ.png[/absimg]`	Bah, the table is messing with it, but you can see that it works in the example below...
pxspacer	Adds a blank image stretched to your dimensions.See Below for details	Code: Select all `Text[pxspacer width=20 height=1][/pxspacer]Text`	TextText
ideabubble	Puts your text into a box styled to look like a comic book idea bubble.	Code: Select all `[ideabubble]Here comes a thought.[/ideabubble]`	Here comes a thought.
symbol	Lets you use HTML Entity Names to insert special symbols into your post. More info below.	Code: Select all `[symbol]euro[/symbol]`
symbolhash	Lets you use Unicode Character Numbers to insert special symbols into your post. More info below.	Code: Select all `[symbolhash]9728[/symbolhash]`
tictactoe	Lets you put a tic-tac-toe board into a post, but it's functional. Can also be stacked into a Sudoku board. More info below.	Code: Select all `[tictactoe=l]OOO.X...X[/tictactoe]`

Currently Broken!

BBCode Name	Description	Usage	Result
Twitter	Displays your latest Twitter Post. Use your Twitter Username there.	Code: Select all `[twit]The_Superyoshi[/twit]`	twitstamp, which this relies on, seems to have been dead since 2011. Researching alternatives...
Blinking	Blinking Text. Don't use to often, since IE sux and doesn't support this (AFAIK).	Code: Select all `[blink]ALERT[/blink]`	ALERT The <blink> tag has been deprecated (discouraged and eliminated from newer versions) since HTML 4.0 May be replaced with different code that does the same thing, when I get time...

There are still some others tags, but either we want them secret or they are just plain useless. So eh, have fun with these.

Posted: **May 27th, 2010, 12:14 pm**

LRMASTER'S SUPER DUPER TABLE MAKING GUIDE

Code: Select all: [table=1]

The opening code. The Bigger the number, the thicker the border. Please don't spam size. 10 should be the largest. 0 just makes it so the table has NO borders/lines in it. Nice for just a list without the border/lines to get in the way. (SuyoEDIT: Or a layout, like in my sig)

Code: Select all: [tr]

For each new row, write this. (T=Table R=Row, Durr...)

Now for each box.

Code: Select all: [td=Insert Size (Length) Here] NAME [/td]

Just put as much as you want in the row, no extra code needed. When length is reached with text, the Row will become one line taller.
(NOTE: Top and Bottom NEED to match with amount of boxes.)
(NOTE: the last box WILL span to the rest of the page, regardless of the size you put.)

Code: Select all: [/td]

Ending for each box.

Code: Select all: [/tr]

Ending for each row.

Code: Select all: [/table]

Ending for the whole table.

HAVE FUN MAKING TABLES :3

Code: Select all: [table=10][tr][td=10]Name[/td][td=50]Description[/td][/tr] [tr][td=10]Table[/td][td=50]Aypic Table is Aypic[/td][/tr][/table]

Turns into:

Code: Select all: [table=1][tr][td=10]Name[/td][td=40]Author[/td][td=50]Description[/td][/tr] [tr][td=10]How to hack your Wii[/td][td=40]Superyoshi[/td][td=50]Play games from USB, have a black Wii Menu and screw around![/td][/tr] [tr][td=10]The unofficial SM63 Book[/td][td=40]Zunar[/td][td=50]A complete walkthrough of the flash game Super Mario 63![/td][/tr][/table]

Turns into:

I self taught myself ^_^

Posted: **June 10th, 2010, 10:37 am**

[is] tag added - inline spoilers. Check the first post.

This tag was suggested by Linkdroid, BTW.

Posted: **July 26th, 2010, 12:50 am**

[randimg] added. Use it wisely to shrink your signatures!

Posted: **March 23rd, 2015, 7:16 pm**

Ok, I updated the [levelplayer] BBCode used in the portal.

Curent usage:

Code: Select all: [levelplayer=RandomNumber]new[/levelplayer]

Notes:

Replace "RandomNumber" with some random number, it really doesn't matter what it is (This is used to grab that instance of the embedded level player. Not useful now, but will be useful when I get the embedded player working.)
This only works in the SM63 Level Portal, and grabs the thread number from the page URL for the LevelID of the level in the database (the same way SM63 itself grabs them).
The popup link will open a new window and load the level in it. Clicking on the image will do the same.
The new thread/level ("Post Topic") form has been modified to put this tag into all new level submissions with the new usage (as long as you check the "Add Level Player" checkbox).

Old Usage Note:
This is currently designed to work with existing usage of the levelplayer tag in the portal (where it has the level code in the tag, instead of the word "new"). Currently, it will ignore the level code and open the level from the thread URL like the new usage defined here.

What DOESN'T work:

The embedded player is still broken. It will currently give you an apology and repeat the popup link.
This tag will not work anywhere else in the forums (specifically because it refers to the "current" thread number, and elsewhere the number it extracts from that page will not line up with a portal thread.)

If you're curious...: show

For other useful links, see the new codes below.

Posted: **April 8th, 2015, 7:34 pm**

Brand new Stamp of Approval (with image hosted on site, so it will never break):

Code: Select all: [approved]Username[/approved]

Username

(and just because I'd like to have examples of everything)

Code: Select all: [info]Put your text here. It will be in a specially formatted box.[/info]

i	Put your text here. It will be in a specially formatted box.

Code: Select all: [warn]Put your text here. It will be in a specially formatted box.[/warn]

!	Put your text here. It will be in a specially formatted box.

Posted: **April 15th, 2015, 7:15 am**

And, I've wanted this forever, too.

rp and ooc

Code: Select all: [rp]Doram sneaks this in.[/rp] [ooc]I have no idea why we didn't add this a long time ago...[/ooc]

Doram sneaks this in.

OOC: I have no idea why we didn't add this a long time ago...

(...and for anyone not seeing these as being different colors, they are styled through the main CSS, so time to clear your cache again...)

Posted: **May 14th, 2015, 11:08 am**

I haven't figured out how to get the inline player working yet, but these simpler links are still going to be useful to most folks (note that the text inside can be anything, and also, the numbers used for the levels come from the ThreadID in the Portal):

sm63oldportal
Makes a link pointing to a SM63 Level in the old portal (in a new tab/window).

Code: Select all: [sm63oldportal=13456]The Mushroom Forest - Old Portal Thread[/sm63oldportal]

Results in:
The Mushroom Forest - Old Portal Thread

sm63portal
Makes a link pointing to a SM63 Level Portal thread (in a new tab/window).

Code: Select all: [sm63portal=32906]The Mushroom Forest - Portal Thread[/sm63portal]

Results in:
The Mushroom Forest - Portal Thread

sm63newtab
Makes a link to open the level in the LDOnly version, in a new tab/window (only works for levels in the new portal for now).

Code: Select all: [sm63newtab=32906]Play The Mushroom Forest Now[/sm63newtab]

Results in:
Play The Mushroom Forest Now

And, these are really the last BBCodes I think would be commonly useful: Link codes

threadlink
Makes a link to a specific thread. (requires you to get the ThreadID of the post)
Getting the ThreadID is as easy as looking up at the address of the page you are on, and getting the number after the "t=".

Code: Select all: [threadlink=3594]My thread[/threadlink]

Results in:
My thread

postlink
Makes a link to a specific post. (requires you to get the PostID of the post)
Getting the PostID is a little trickier. At the top of every post is the Name of the thread (at the time the post was made), and under THAT is the name of the user, and the date the post was made. Just to the left of the username is a little white icon that looks like a piece of paper. Hover over that (or click it, if you don't get a tool-tip with the URL), and you will see the address ends in "p=55263#p55263". That repeated number is your PostID.

Code: Select all: [postlink=32391]Post in my thread[/postlink]

Results in:
Post in my thread

Posted: **July 28th, 2015, 12:15 pm**

Tables just got an upgrade!

For all of you budding web designers out there that are frustrated by the limitations of your everyday BBCode, I present FullTables. Coded with about 80% of the full CSS capabilities of tables, You can decorate these beauties to the hilt, now.

It's a beast of a BBCode, with a ton of parameters, but I'll go over them, and show you an example...

The two new BBCodes are fulltable and fulltd (tr really didn't need any upgrades, and would only have confused things more). Both are similar to what you have seen in HTML and CSS, but with a few twists brought about by the maze of php and JavaScript that your post has to wander through before it makes it to the screen. Each parameter has certain data types that it has to contain, to maintain the security of the forums (thus the limitations of BBCode). I have worked around some of those limitations, but not all (thus the 80%).

Left Test Center Test Right Test

Code: Select all: [fulltable width=500 width_type=pixels height=0 height_type=none text_color=yellow bg_color=blue bg_img=http://runouw.com/forums/images/spacer.gif align=center border_size=5 border_color=#ffaaaa border_style=outset][tr][fulltd width=0 width_type=none height=0 height_type=none text_color=white bg_color=black bg_img=http://runouw.com/forums/images/spacer.gif align=right border_size=3 border_color=red border_style=dashed padding=3px 3px 7px]Left Test[/fulltd][fulltd width=0 width_type=none height=0 height_type=none text_color=black bg_color=#aaaa44 bg_img=http://runouw.com/forums/images/spacer.gif align=center border_size=3 border_color=white border_style=double padding=5px]Center Test[/fulltd][fulltd width=0 width_type=none height=0 height_type=none text_color=purple bg_color=green bg_img=http://runouw.com/forums/images/spacer.gif align=none border_size=3 border_color=white border_style=inset padding=10px 3px 0px]Right Test[/fulltd][/tr][/fulltable]

Have fun.

Things to keep in mind:

There must be something in every parameter, thus the width=0 width_type=none (meaning width unspecified - resulting code drops the declaration)
There must be a link in the background image, thus "http://runouw.com/forums/images/spacer.gif" if you don't want to set an image.
width_type and height_type can take "pixels", "percent", and "em" However, border_size is only a number, and is specified in pixels.
border_type can take any valid CSS2 border type: "dashed" "groove" "solid" "double" "inset" "outset" etc.
All features can be set at the table level (fulltable) and at the table cell level (fulltd).
Can set both bg color and bg image - again, for table overall, and per cell.
It has advanced code for properly aligning the overall table ("align=center" broken in HTML, so puts "style=margin:5px auto;" there instead - td simply uses text-align CSS)
Padding is locked for table (fulltable) elements at 3px, but padding can be set for cell (fulltd) elements, and can follow the full CSS Box model with the exception that it cannot be set in percent (since the % symbol makes the BBCode fail, and is the required symbol per CSS rules - so, px and em are Ok, and you can set them all in one, or split top, right, bottom, and left up...)
If there is only one value, it applies to all sides. If there are two values, the top and bottom margins are set to the first value and the right and left margins are set to the second. If there are three values, the top is set to the first value, the left and right are set to the second, and the bottom is set to the third. If there are four values, they apply to the top, right, bottom, and left, respectively.
There is an align parameter in both fulltable and fulltd, but they act differently in each.
- On the fulltable tag, there is an align parameter that applies to the whole table and sets up spacing on the outside of the table - left puts the whole table on the left, right puts the whole table on the right, and center puts the whole table in the center of the post.
- However, on the fulltd tag, there is an align parameter, and that applies to the contents of the inside of the table - left puts the table contents to the left of the cell, right puts the table contents to the right off the cell, and center puts the table contents to the center of the cell. In fact, the fulltd tag can align both horizontally and vertically. The full list of possibilities are shown below.

Full Breakdown of fulltd (fulltable is just missing the padding parameter)

width=700
- Number only, usual max post width is 700px
width_type=pixels
- Words only, can take "pixels" "percent" and "em"
height=0
- Same as Width - Number only. For both width and height, if you are not going to set it, put a zero there.
height_type=none
- Same as Width - Words only, can take "pixels" "percent" and "em" For both width and height, if you are not going to set it, put "none" there.
text_color=white
- Can take any CSS authorized entry - named color, hex RGB (#FF8800), etc.
bg_color=black
- Can take any CSS authorized entry - named color, hex RGB (#FF8800), etc.
bg_img=http://runouw.com/forums/images/spacer.gif
- MUST be set. If you are not going to use it, set it to an empty spacer, as I have done here. (Also now takes http://none.com - it needs to parse as a valid address. This is the shortest I could make it.)
align=right
- This is actually a combination of vertical and horizontal alignment, and can set one or both. Takes "top", "middle" (vertical, default), "bottom", (left is default), "center" (horizontal), "right", and all combinations - "top_right", "top_center", "middle_right", "middle_center", "bottom_right", and "bottom_center". Any other text will result in it not setting anything (which is technically middle-left).
border_size=3
- Number only. Automatically in pixels.
border_color=red
- Can take any CSS authorized entry - named color, hex RGB (#FF8800), etc.
border_style=inset
- Can take any CSS authorized entry - "dashed" "dotted" "groove" "ridge" "solid" "double" "inset" and "outset"
padding=3px 3px 7px
- Can take any CSS authorized entry - all unit types, with the exception of percentage (do not forget that you DO have to put the unit type here, as versus above), separate sides per the box model

Also, since Raiyuuni asked for it, here's HR too! (minus center align, minus text color, plus margin)

Code: Select all: [fullhr width=75 width_type=percent height=10 height_type=pixels bg_color=green bg_img=http://none.com align=left border_size=2 border_color=#1280ff border_style=inset margin=5px][/fullhr] [fullhr width=75 width_type=percent height=10 height_type=pixels bg_color=yellow bg_img=http://none.com align=right border_size=2 border_color=black border_style=dashed margin=2px][/fullhr] [fullhr width=75 width_type=percent height=0 height_type=none bg_color=green bg_img=http://none.com align=none border_size=5 border_color=red border_style=dashed margin=10px auto][/fullhr]

Posted: **August 2nd, 2015, 9:29 pm**

A bunch of minor fixes in the first post - corrected color (not British, also added named color version), youtube (added size version), popup (made better description, moved), added Fulltable, and moved IS.

runouw.com

BBCodes List

BBCodes List

Lrmastrer's Super Duper Table Making Guide

Re: BBCodes List

Re: BBCodes List

Re: BBCodes List

Re: BBCodes List

Re: BBCodes List

Re: BBCodes List

Re: BBCodes List

Re: BBCodes List