BBCodes List

[Doram]

This post by Doram was thumbed up by: 11

CedarBranch (February 4th, 2013, 4:21 pm) • Dtroid (April 30th, 2014, 1:36 am) • Harmless (May 16th, 2015, 8:24 am) • Killswitch (November 8th, 2011, 5:42 am) • pohatu356 (October 18th, 2012, 4:03 pm) and 6 more users

[spookyghost]

This post by spookyghost was thumbed up by: 7

CedarBranch (February 4th, 2013, 4:21 pm) • Chaukai (October 18th, 2013, 9:11 am) • Killswitch (November 8th, 2011, 5:42 am) • l.m (September 12th, 2016, 1:54 pm) • pohatu356 (October 18th, 2012, 4:05 pm) and 2 more users

[Suyo]

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

This tag was suggested by Linkdroid, BTW.

[Suyo]

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

[Doram]

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

There is another usage that is working, but wonky right now, but will also be useful later:

Code: Select all

[levelplayer=RandomNumber]old[/levelplayer

This will load a level from the old portal, but is currently grabbing the LevelID from the current thread, which will seem kinda random, since the old portal has completely different levels in it from the current one, but has enough to have parallel entries for everything currently existing in the new portal.

For other useful links, see the new codes below.

[Doram]

This post by Doram was thumbed up by: 2

CedarBranch (April 10th, 2015, 9:46 am) • ~MP3 Amplifier~ (April 9th, 2015, 3:17 pm)

[Doram]

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...)

[Doram]

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

[Doram]

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]

[Doram]

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.